Hello,
Follow this example https://codepen.io/tutsplus/pen/WNerWWp
thanks
Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.
Hi you can add this jquery code to add active class, its best way is to see if your page is down more than 100px,
$(window).scroll(function() { if ($(window).scrollTop() > 100) { $('header.site-header').slideUp(200); } else { $('header.site-header').slideDown(200); } });I tested, it with your site, these classes are good to go, you can add script to your header or footer.
You can include it at the end of theme.liquid before end of body tag or footer.liquid
<script type="text/javscript"> $(window).scroll(function() { if ($(window).scrollTop() > 100) { $('header.site-header').slideUp(200); } else { $('header.site-header').slideDown(200); } }); </script>
Hello i finally got sticky header on my website but i would like to have auto hide when scroll down and sticky when scroll up.
Could be nice because sticky header is blocking too much of content on the website.
Can anyone help? I use brooklyn theme
Website = www.vintageclique.com
it can be done custamization.
User | Count |
---|---|
498 | |
208 | |
130 | |
81 | |
43 |