[johnnyp14Participant]

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!

[Rue NelModerator]

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.

[johnnyp14Participant]

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

[ThaiModerator]

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 🙂

[johnnyp14Participant]

That worked. Thank you!

[ThaiModerator]

You’re most welcome 🙂

[Author]

Posts