Hello,
My header is sticky but I would like that it auto hide when I scroll down on mobile.
Can you please guys help me ?
Thank you
website : ihsansociety.com
Welcome to Shopify Community.
Do you mean you want the header to be sticky on desktop/tablet but not sticky on mobile phones?
Thanks for you reply,
No I mean : the header is sticky on mobile and on desktop. But on mobile I want it to disappear when I scroll down.
Like it doesn't appear on top of the rest. But once you start scrolling up it appear again, you get it ?
password : bedrossian3
Thanks, I understand the requirement perfectly now. It does seem a little complex, but I'll get back to you in case I can test it in my test website.
@BrPlLo : Can you please share how did you make this work. Thanks. (you mentioned it worked for you in this post)
https://community.shopify.com/c/Shopify-Design/Sticky-header-that-auto-hides-when-scrolling-down-for...
Thank @neeravmakwana
I tried to follow the same steps as the topic you've mentionned but i can't find the following line on my theme.scss or theme.js
<!--[if lte IE 9]><script src="{{ 'theme.js' | asset_url }}"></script><![endif]-->
