I was able to find the code to make my website's header sticky but I was wondering if there's a code to make the header sticky when scrolling up but hide the header whenever the user scrolls down? Using debut theme btw.
Solved! Go to the solution
Hello @Someoutofnone ,
Welcome to the Shopify community!
Share your store url with password.
This is an accepted solution.
Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Sections > header.liquid and find 'data-section-id'. Change 'div' => 'sticky-header'. https://i.imgur.com/wbOWXdx.png
- Step 3: Add code in bottom. https://i.imgur.com/P0GRzAF.png
Hope it is clear to you.
If my answer can help you solve your issue, please mark it as a solution. Thank you and good luck.