The topbar menu is stickied for all resolutions above 1024px. This is because sometimes some tablets, which have that resolution, may treat sticky menus in a weird way.
In style.css you will find:
@media only screen and (min-width: 1025px) {
/* fixed nav */
.full-width.topbar-enabled #header { padding-top: 50px; }
.full-width #nav-topbar.nav-container { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; }
.full-width.admin-bar #nav-topbar.nav-container { top: 28px; }
}
This is the sticky css. To make the bar sticky down to 720px, change this:
@media only screen and (min-width: 1025px) {
To:
@media only screen and (min-width: 720px) {
That makes sense why my brother was looking at my website and it was sticky (he has a bigger screen resolution).
Thank you for your help. I tried changing the css to:
@media only screen and (min-width: 720px) {
but it still didn’t make the topbar sticky. Is there another setting I should change in Theme Options?
Save as OP, I have changed the css as suggested but my topbar still isn’t sticky.
Well i think u could download a plugin called sticky headear if this doesn’t work.I will try dat of the stylesheet.css later on. but for now i use sticky header
Thanks I have just tried that plugin but it didn’t seem compatible with the sub-categories in my header.
