Archived topic
Sticky behavior on Header Element
13 replies · Started by Luca on September 9, 2021
Hey there, I've created a header element for some pages. Header is set to be sticky in the customizer, but can't find an option to make the header element sticky as well. Thanks in advance!
Hi Luca,
There's no such option to make header element sticky, custom CSS will be require.
Can you link us to your site? We can have a look for you :)
Thanks for the quick reply, Ying.
Adding URLs privately for NDA reasons
Hi Luca,
It seems your header element is only for the merge function (merge the header with content).
So there's actually no content in the header element.
Are you trying to make the hero section of the page to be sticky as well?
https://www.screencast.com/t/TAePgsOAld
Let me know :)
Hi Ying, just the main header would need to be sticky like on other pages. I know I’ll have to swap the logo and colors too
Not sure I fully understand, it seems the header/navigation is sticky on the page that has header element activated as well:
https://www.screencast.com/t/yWiha5svEajK
Let me know if I miss anything..
Hi Ying, thanks for your note: I realized the behavior I mentioned only happens when logged in. If I log out, I can see the sticky header working everywhere. When I'm in, I have the problem I described. That's quite weird but I guess my client can live with that, I'm gonna ask if it's the same on their end.
Yes, please do so, it's always better to have more people testing.
Let me know if you need further assistance :)
Will do, thanks Ying!
You are welcome :)
Hi, I have activated most of the modules already. Not sure why I cant see the Sticky Header as per the documentation. Appreciate your help for a noob...
Hi there,
the theme only has a Sticky Navigation feature.
You need to ensure the Menu Plus module is enabled in Appearance > GeneratePress.
Then go to Customizer > Layout > Sticky Navigation to enable it.
Thanks David. It works.
Glad to hear that