Navigation
Archive / Menu Change to Mobile Before Line Break
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 4, 2016 at 5:33 pm #1117946
    Scott
    Participant

    Hi again,

    I have a fairly long menu, which breaks onto a second line before switching to the mobile nav button.

    Please can you tell me how to adjust this, so that the mobile nav button appears immediately before the desktop navbar spills onto a second line?

    Many thanks!

    August 4, 2016 at 5:34 pm #1117947
    Scott
    Participant
    This reply has been marked as private.
    August 4, 2016 at 11:11 pm #1118405
    Rupok
    Member

    Hi there,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    @media only screen and (min-width: 980px) and (max-width: 1100px) {
.x-navbar-inner .x-container.width {
    width: 95%;
}

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 7px;
    padding-right: 7px;
}
}

    Hope this helps.

    Cheers!

    August 5, 2016 at 1:13 pm #1119185
    Scott
    Participant

    Perfect. Thank you!

    August 5, 2016 at 5:19 pm #1119435
    Prasant Rai
    Moderator

    You are most welcome. 🙂

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