I’m building a website where I start with a Header ‘Logo center, menu below’ http://up.strila.nl/b249fe but when the user scrolls down I want it to change to a sticky header with ‘Logo left, menu right: http://up.strila.nl/b6bbda
I tried several different options in my Enfold child Theme Options, but I don’t thinks there’s an option here. How can I achieve this behavior?
Thank you for contacting us.
This type of customization is only possible using custom CSS. It is not very difficult.
You need to activate the sticky shrinking header to get access to a special class “header-scrolled header-scrolled-full” using which you can modify the position of the header elements.
Once you get started with this let us know if you have any issue and please share the link to the page where we can inspect the element so we can help you better.
You must be logged in to reply to this topic.