Change transparent stick header to color when scrolling

Solved
Highlighted
Tourist
4 0 1

Hi I neeed help, I managed to make the header sticky but I want it to be transparent and change to solid color when scrolling down, what to do?

my site: https://vanity-beauty-test.myshopify.com/

Highlighted
Shopify Partner
9491 1195 3330

Hello, @jiacheng1996 

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
New Member
2 0 1

Hello! Im new to shopify and would also like to shrink my header and get it white when scroll. 

Do you have a code for that? 

Regards / Oliver 

Highlighted
Shopify Partner
9491 1195 3330

HEllo, @oliver92 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
New Member
2 0 1
0 Likes
Highlighted
Shopify Partner
9491 1195 3330

@oliver92 

Thanks 

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
New Member
1 0 0

Hello, 

I am new to shopify and I have the same problem : I want my header be more transparent during the scroll, have you any code for that please ? 

My shop link is https://namek-petit-coeur.myshopify.com/ and password is : namek

Thank you in advance

0 Likes
Highlighted
New Member
5 0 0

Hello KetanKumar,

I am attempting to achieve the same navigation/menu bar that you provided Oliver. Would you be able to help me with the coding?

0 Likes
Highlighted
Shopify Partner
9491 1195 3330

Hello, @brinm 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes