how to enable sticky menu

[Maurice Couwenberg]

hello,

i use booklium theme for 2 sites. I changed the primary menu to the top in stead of side. Unfortunately it gets out of focus when I scroll down. How can i enable a sticky primary menu?

https://beachapartmentportugal.eu

Discover Eco Glamping in Portugal

thanks for your help

Maurice

[Andre Flores]

Hello Maurice,

Add the following code under Appearance ->Customize ->Additional CSS:

#masthead {
	position: sticky;
	top: 0;
	z-index: 10;
}

Regards,
Andre

[Laurent]

Hi,
In addition of your reply, is it possible when menu is getting sticky to get a shrink effect (at least logo/nav menu reduces lightly?)

Thank you

[J. Davis]

Hi Laurent,

Thanks for your question. Unfortunately, it requires a more complex way to make a header sticky by using JS in order to change the class when the menu gets sticky and vice versa. We do not offer complex customization services for now. You may try to use a third-party plugin to make the header sticky. It might be helpful.

best regards,
John Davis

[Author]

Posts