Sticky Header only shows when scrolling up (Brooklyn Theme)

Highlighted
Explorer
53 1 6

Hi everyone,

 

I would like to ask if how to code a sticky header only shows when scrolling up and hides when scrolling down? This is the reference of my sticky header but I do not know to execute this code because I am a beginner in programming. 

 

Reference: http://jsfiddle.net/mariusc23/s6mLJ/31/

 

Thank you so much for your advance help.

 

Best Regards,

Young Adult 

0 Likes
Highlighted

Hello @YoungAdult ,
Greetings from Oscprofessionals!

All you need to add JS in js file and need to do some custom CSS for your website.
If you need help you can skype or whatsapp me.

Thanks

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes

Hello,

It would require Liquid/CSS/Javascript knowledge to implement this feature, I'm afraid that unfortunately there is no simple copy-paste solution otherwise I'd happily guide you through.

In case you're unfamiliar with these technologies you'll need to hire a Shopify developer to assist you.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes