[Resolved] Sticky header

[Anil]

how to make header sticky without navigation

[Fernando]

Hi Anil,

If the option in Appearance > Customize > Layout > Sticky Navigation doesn’t work: https://docs.generatepress.com/article/sticky-navigation/

Try adding this through Appearance > Customize > Additional CSS instead:

header.site-header {
    position: sticky;
    top: 0;
    z-index: 10001;
}

[Anil]

Thanks Fernando, done 🙂

[Fernando]

You’re welcome, Anil! 🙂

[Anil]

I am seeing scrolled text beneath header, how to increase the opacity of header so that scrolled text and icons not visible in header area… also links in sidebar clickable under header area

[Fernando]

I see. I modified the code above. Can you try that instead?

[Anil]

Thanks done 🙂

[Author]

Posts