Navigation
Archive / How can I stop the NAV dropping to a second line?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 6, 2017 at 4:13 am #1395956
    kobwebie
    Participant

    I have a fairly standard nav which should be ok for desktop and tablet landscape but it keeps dropping to a second line even on desktop and laptops. How can I stop that?

    March 6, 2017 at 4:13 am #1395957
    kobwebie
    Participant
    This reply has been marked as private.
    March 6, 2017 at 4:37 am #1395979
    Paul R
    Moderator

    Hi,

    You can add this under Custom > Edit Global CSS in the Customizer.

    
@media (max-width: 1300px) {
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.

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