Sticky nav bar

The Topbar menu is stickied by default, as long as the screen resolution is wider than 1024px.

Thank you but my screen resolution is 1440 x 900 and the navbar isn’t sticky.
https://www.craftulate.com

Argh sorry, just seen you said 1024 *wide*. Ignore my last.

Actually, your screen is 1440px wide then – however, you use the header navigation area, not topbar. If you change from Header to Topbar, it will be in a fixed position ??

Thanks, I moved it, and that worked!

Hi,
is it possible to make the header/topbar sticky even with lower resolution?

Hi, I also have a same problem its not sticky…

Since resolving this issue before I have changed to a child theme and my topbar is no longer sticky. Any ideas how I can fix this? Thanks!
https://craftulate.com/

@craftulate – maybe there’s a conflict with your message bar? Also, for some reason your css appears to be missing the following:

.full-width #nav-topbar.nav-container {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 999;
}

Thanks bdbrown – so I add this code into the style.css of my child theme?

That code is already part of the parent style.css file. It’s invoked if the screen size is greater than 1025px, which yours is. Next thing I’d check is Theme Options – Styling and make sure Boxed Layout is turned OFF.

YES – that was the solution! Thank you! Of course my message bar now covers it, but that’s a completely separate issue! ??

You’re welcome. Glad it’s fixed.