Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi,
I'm trying to create a sticky header when scrolling up the page, currently I dont have a sticky header. Also a nice animation(slide in) would be nice, look example site:
www.bodyandfit.com
I'm using Supply theme and my website url is: www.smartnutrition.nl or smartsnutrition.myshopify.com which can be entered with password: plazay
I hope someone can help me out
NIels
Solved! Go to the solution
This is an accepted solution.
Add me to your staff account, I will help you. My email is richard@pagefly.io
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
You can use JavaScript code and CSS code in this demo to make the header sticky when scroll up http://jsfiddle.net/mariusc23/s6mLJ/31/
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
I do not have a clue how to implement this in Shopify's code...?
This is an accepted solution.
Add me to your staff account, I will help you. My email is richard@pagefly.io
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Hi,
Thanks, I've invited u!
Reload your store and check the result
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Hello Richard,
I have the exact same problem 😞
Can you please help?
Thank you!
Hello!
I have the same issue. Would love to make the header disapper when scrolling down but to appear when scrolling up. Have found your code.
Do I paste that at the bottom of the theme.js or in some other file as well?
Thank you in advance!
How to make sticky header when scrolling up?- on Empire theme
Hi Page fly. Will help me with this? It would make my day.
Hi @PageFly-Richard,
I would like to get the idea of how to put the sticky header while scrolling up but I have limited knowledge in programming especially in JavaScript. I am using Brooklyn Theme and I want to make a sticky header while scrolling up. I hope you can help me with this issue. I've already customized the website but I am not a pro programmer just new in the industry and still want learn more from other people.
Thank you so much!
Best Regards,
Young Adult
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024