Navigation
Archive / Tablet menu fixes
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 27, 2017 at 11:45 pm #1388305
    Haunn_Admin
    Participant

    Hi!

    We still have issues with the menu.

    I’ll send in a screenshot in a minute to clarify.

    February 28, 2017 at 12:00 am #1388313
    Haunn_Admin
    Participant
    This reply has been marked as private.
    February 28, 2017 at 12:23 am #1388333
    Haunn_Admin
    Participant
    This reply has been marked as private.
    February 28, 2017 at 12:26 am #1388336
    Haunn_Admin
    Participant
    This reply has been marked as private.
    February 28, 2017 at 12:27 am #1388337
    Haunn_Admin
    Participant
    This reply has been marked as private.
    February 28, 2017 at 5:37 am #1388596
    Paul R
    Moderator

    Hi,

    To fix it, you can add this under Custom > Edit Global CSS in the Customizer.

    
@media (max-width: 990px) {
body .x-nav-wrap.desktop {
    display:none;
}

body .x-nav-wrap.mobile {
   display:block; 
}

body .x-nav-wrap.mobile.collapse {
   display:none;
}

body .x-nav-wrap.mobile.collapse.in {
   display:block !important;
}

body .x-btn-navbar {
    display: block;
    float: right;
}
}

    Hope that helps.

    February 28, 2017 at 11:09 am #1389018
    Haunn_Admin
    Participant

    Hi great job

    the logo still overlapped on ipad landscape so I made the @media max width to 1025px and work with a mobile style menu.

    thank you very much, very helpful!

    February 28, 2017 at 11:27 am #1389054
    Rahul
    Moderator

    Glad you were able to sort it out.

    Let us know if we can help with anything else.

    Thanks!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1388305 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>