Sticky top menu
CSS code to make the top menu sticky in the NEVE theme.
Go to the following menu Appearance / Customize / Additional CSS.
Add the following CSS code:
#header-grid {
position: fixed;
margin-top: 0px !important;
width: 100%;
z-index: 1;
}
#content {
padding-top: 100px
}
(Sorry for my bad English – I’m Dutch 🙂 )
It works! But there are some flauws. On the homepage the text and 2 buttons in the homepage intro-movie are positioned OVER the header, when scrolled. Strange…
And the stickyness of the header is GONE after the second section on the homepage. From the 3d section (grey backround and title “WAAROM AQUASENZ”) the header disappears when scrolled.
The rest of the pages are working fine. Except the page “PRIJZEN”. Here the stickyness is gone (??)
And the page “DE VOORDELEN” is weird. See for yourself.
I hope you can give a solution for these items. Maybe an addition to the CSS code?
Greetings and thanks in advance,
Remi
http://www.aquasenz.nl