Header should be Sticky

I have a problem, maybe is a liitle problem, but I do not understand why it don`t work for me.

The header is sticky and a “Info Bar erweitert”

The first picture show the header and a container with a picture and text.

The second picture shows that the container goes over the header

And the next picture shows that a text field goes under the header like it should

Where is the problem?

Thank you in advance

Ralf

Hi @Ralf!

Looks like the sticky header itself is fine. The issue is probably that the image/container is placed on a higher layer than the header, so it overlaps it. Since your text stays below the header, the problem is likely caused by z-index, position, or a parent element creating its own stacking context (for example with transform). I’d first give the header a higher z-index and then check the image/container and its parent wrappers for custom z-index, absolute positioning, or transform settings.

1 Like

Thank you very much, now I am very glad. Every I learn more about SiteJet.

BR Ralf

2 Likes