Sticky header that auto hides when scrolling down for Brooklyn

nazberry
Tourist
4 0 1

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

neeravmakwana
Shopify Partner
164 29 32

Welcome to Shopify Community.

Do you mean you want the header to be sticky on desktop/tablet but not sticky on mobile phones?

0 Likes
nazberry
Tourist
4 0 1

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 ?

0 Likes
nazberry
Tourist
4 0 1

password : bedrossian3

0 Likes
neeravmakwana
Shopify Partner
164 29 32

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.

0 Likes
neeravmakwana
Shopify Partner
164 29 32

@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...

nazberry
Tourist
4 0 1

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]-->

 

0 Likes
neeravmakwana
Shopify Partner
164 29 32
Yeah, me neither.

I'm hoping the user who was able to make this work will be able to help.
0 Likes