Sticky Header

[aashish pahwa]

Can I make the sticky header appear only when the user scrolls up?

Topic

[Alexander Agnarson]

Hi, this is customization beyond what I can assist with. But, to give you a start, look at the code from Gridzone:

This is added in scripts.js of the theme: https://pastebin.com/raw/7mCtBQa7

Then add class=”hide-on-scroll-down” on the header element you want to hide on scroll-down.

After that, you need to add some CSS to make it disappear.

[Author]

Replies