Archived topic

Normal header used as sticky - some pictures and text visible over it

3 replies · Started by Stephen on March 12, 2022

Viewing posts 1–4 of 4

March 12, 2022 at 2:17 pm #2152410

David gave me the CSS below to use my normal header as a sticky header.

This works well except that as I scroll through some pictures and some text are displaying on top of the header.

- Is some additional CSS I can use to stop this please?

Thanks
Stephen

.site-header,
#mobile-header {
position: -webkit-sticky;
position: sticky;
top: 0;
}

March 12, 2022 at 3:00 pm #2152432

Hi Stephen,

I'm not seeing the issue on the home page but can you try this instead?

.site-header, #mobile-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 99;
}

March 12, 2022 at 3:05 pm #2152436

Perfect thank you.

Everything stays hidden behind header now.

Thanks

March 12, 2022 at 3:36 pm #2152455

No problem :)

This archived topic is closed to new replies.