Navigation
Archive / Ethos sticky navbar on mobile/tablet
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 24, 2017 at 5:50 pm #1419612
    johnnyp14
    Participant

    Hello!

    I have the top menu/navbar sticky for desktop (via customizer), but anything smaller it’s not sticky. I have a few sites w/ the Ethos stack that are all sticky on mobile, but I cannot figure out why they are and this new test site isn’t.
    Searched and really only found solutions to make the logo sticky, so they didn’t apply.

    http://newsite.edgeephotography.com/

    Cheers!

    March 25, 2017 at 3:31 am #1419926
    Rue Nel
    Moderator

    Hi There,

    Thanks for writing in! Are you using a caching plugin or a plugin that minimized css and js? You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

    Please let us know how it goes.

    March 25, 2017 at 3:37 am #1419931
    johnnyp14
    Participant

    I can verify it’s a theme setting and not a caching issue.

    March 25, 2017 at 7:21 am #1420020
    Thai
    Moderator

    Hi There,

    To make the navbar sticky on mobile/tablet, please add the following CSS under Customizer > Custom > Global CSS:

    .x-navbar.x-navbar-fixed-top {
    position: fixed !important;
}

    Hope it helps 🙂

    March 25, 2017 at 12:29 pm #1420163
    johnnyp14
    Participant

    That worked. Thank you!

    March 25, 2017 at 12:33 pm #1420165
    Thai
    Moderator

    You’re most welcome 🙂

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