Archived topic
Sticky header
5 replies · Started by Christophe on October 28, 2021
Viewing posts 1–6 of 6
Hi,
I'd like to get a sticky header like on this website: https://www.we-explore.org
Is there a way to do it with generate press premium ? I found how to get the sticky menu but i need to have the all header.
Thanks.
Hi there,
you can use some CSS to stick the site header:
/* Make site header sticky */
#masthead {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 10000;
}
/* adjust positon when admin bar is present */
.admin-bar #masthead {
top: 32px;
}Yeah, thanks for the quick answer.
Your custom code works fine for the behaviour but when i scroll the header goes "under" the body or something ?
How can i fix this ?
I updated the CSS above to increase the z-index.
Ok David, thanks for your answer. I appreciate it. And this clumbsy work motivates me to learn CSS... :)
Glad to be of help
This archived topic is closed to new replies.
