Sticky header that Automatically Hides when scrolling down, Brooklyn theme?

Highlighted
Tourist
15 0 1

Hi - within the Brooklyn theme, I would like to have a header that disappears when you scroll down, but automatically reappears when you start scrolling up. 

What I am trying to achieve has been described for the Debut Theme here: https://community.shopify.com/c/Shopify-Design/Sticky-header-that-auto-hides-when-scrolling-down-for.... I have not been able to find a similar tutorial for the Brooklyn Theme. 

 

I have been able to make the header sticky (ie fixed) by using rsdimitrov's code in this thread (link below). However this just keeps the header fixed, rather than having it automatically hide as you scroll down. 

https://community.shopify.com/c/Technical-Q-A/Sticky-header-transparent-on-home-page-white-backgroun... 

Thank you! 

 

 

0 Likes