Make Nav Bar Sticky Only On Desktop

Support
#1

Is there a way to make the nav bar in the header sticky only on desktop and not on mobile? I only want the navigation bar to be sticky on desktop where there is a lot more visual real estate.

Thanks

#2

Hi There,

Thanks for writing in!
If you are choosing the fixed top menu, the header will only be sticky in desktop not in the mobile device.

Hope this helps!

#3

Sorry, I might be missing something but I do have “fixed top” selected and my nav bar is sticky on mobile devices as well. You can view my website at golficity.com

#4

Hi there,

Apologies for the confusion. To do that, please add this code in the Global CSS:

@media (max-width: 979px) {
    .x-navbar-fixed-top {
        position: relative;
    }
}

Hope this helps.

#5

Looks like that did the trick. Thank you!

#6

You’re most welcome!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.