How to make a sticky header when scrolling up?

Highlighted
Explorer
53 1 6

Hey everyone!

I have a problem with my website on how to put the code and create a sticky header when scrolling up? I do not know how to do it properly. I really do not have an idea on how to do it in JavaScript and CSS.

I hope someone can help me with this issue. Thank you so much!

Website: https://youngadult.com.ph/

0 Likes
Highlighted
Shopify Expert
313 34 38

Hello YoungAdult, 

 

The store link that you have provided to us is password protected. So, kindly share the password so that I can take a look and can help you. 

To make the sticky header you will need to add the custom JS and CSS to your store theme files. I can assist you in doing so if you can share the access with me. 

You can DM me the credentials so that will take a further look and will work on it. 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
1 Like
Highlighted
Explorer
53 1 6

Hi @Pallavi,

I already sent the website password and thank you so much for your help. 

0 Likes
Highlighted
Explorer
53 1 6

@Pallavi 

This is my reference in the sticky header when scrolling up. 

https://www.itsnicethat.com/

0 Likes