Remove original header on scroll, so only the sticky menu remains

[Pbalazs89]

Hi there,

I have a staging site at https://officefloor.ethermedia.hu/

The client is complaining, that when she scrolls down about 10 px from the top, both of the headers are visible. The second one is set to hide initially, but how can I make it so that the original one disappears after the site is not at the top position?

Thanks!

[christian]

Hey @Pbalazs89,

Make your sticky header show 100px scroll position or the same as your fixed header height by setting the Trigger Offset option.

Alternatively, you can use the Trigger Selector to make the header show when a certain element hits the top of the screen.

You can learn more about the sticky header in this video tutorial https://www.youtube.com/watch?v=jEZ8B7E1wgE

Hope that helps.

[Pbalazs89]

Thanks a lot!

[marc_a]

Hi @Pbalazs89 ,

You’re welcome and it’s our pleasure to help you! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.