How to Keep Nav Bar Stuck to Top of Page Under Logo When Scrolling Down!

Support
#1

Hi, I’m currently working on a website and I’ve got the top bar and logo bar to stay stuck at the top of the page when scrolling down, the problem is the nav bar keeps moving to the very top of the page instead of staying where it is under the logo and I can’t figure out how to sort it! I hope you can help!

I’ll put the website info in a secure note as I’ve got a maintenance page on and I’ll supply the password for it.

Thanks!

#2

Hey,

You need to check the option at X > Launch > Header > Navbar Position > Fixed top.

#3

Hi, I already had it set to Fixed top for the Navbar. I’ve done quite a few sites before using the Fixed top, but this one for some reason keeps moving.

Thanks

#4

Hi,

To make it stay below logobar, you can add this in X > Launch > Options > CSS

.x-navbar.x-navbar-fixed-top {
    top: 263px;
}

Hope that helps

#5

Hi, thank you, spot on! That fixed it to exactly how I wanted it!

Thanks!

#6

Hey,

You are most welcome!