Sticky menu

Hi, I’m just a user of the subject
I hope to solve your problem
You have to add this code to the class:

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

Thanks.

It is working, partly.

The menu stays on top but it is covering half of my header.

Try adding this custom css as well:

@media only screen and (min-width: 720px) {
#header { padding-top: 50px; }
}

Thanks but it is not changing anything.
I tried to add padding but the padding was added below my logo so it only made thing worse.
How can it work on the demo page for this specific theme and not on mine?
Which css has been added there?
Thanks.

When you use the Boxed style for the theme it disables the sticky menu as it isn’t supposed to stretch 100% width. Try disabling boxed style and it should stay stickied.

Strange that the CSS I posted didn’t work, it should work.

Ah, I see.

I really don’t see much difference whether the boxed theme is on or off.

What is the difference?

Thanks.

The sides don’t “stretch” out all the way on higher resolutions when using boxed layout. The page ends up inside a box, so that for example background images can be used.

Okay, I see. Thanks.

I will stay with the unboxed setup for now so my menu stays in place.

Hej do…!