Navigation
Archive / Make Menu collapse happen earlier
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 8, 2017 at 8:15 am #1362794
    OneHeartChurch
    Participant

    Hi!

    Working on this site:
    http://www.oneheartchurch.se/heavennow/

    And, as you can see, the menu flips into two rows for about 100-some pixels before it collapses into the mobile/tablet-menu button. Not looking good! 🙂 How do I make the menu collapse earlier on, that is on a wider pixel-width?

    Cheers!

    Christoffer

    February 8, 2017 at 9:18 am #1362908
    Rahul
    Moderator

    Hey There,

    Thanks for writing in!

    Everything seems to be working fine here. Would you mind elaborating the issue with a Screenshot so we can take a closer look of what you are actually looking for?

    Thanks for understanding!

    February 14, 2017 at 10:31 am #1370642
    OneHeartChurch
    Participant

    Here:

    February 14, 2017 at 10:58 am #1370692
    Nabeel A
    Moderator

    Hi again,

    Thank you for providing the screenshots. To fix the issue, add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

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

    Let us know how this goes!

    February 16, 2017 at 5:36 am #1373412
    Christoffer Ahlback
    Participant

    seems to work great! Thanks!

    February 16, 2017 at 9:18 am #1373617
    Rahul
    Moderator

    Glad we were able to help you.

    Let us know if we can help with anything else.

    Thanks! 🙂

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