Navbar on narrower screens

[aizwqgxfsz]

Hello,

I would like the navbar to always be at the top of the screen no matter the page width. What I mean by that is when I scroll down the page, I want it always hovering at the top.

Right now, the header only does this at the “XL” and “L” page widths.

How do I fix this?

Thank you

[ruenel]

Hey Alexander,

Thanks for posting in!

By default, the fixed top navbar will collapsed and no longer fixed in smaller screens. If you want it to be always at the top, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

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

We would love to know if this has worked for you. Thank you.