Change logo (or logo colour) when scrolling down

Store Design
1

Hi Team

Hope you’re well.

I would like to as you if someone can help me modifying header. We would like to make the logo changes the colour when scrolling down like in skims.com page (image 1 and 2)

Now we have a transparent header and we would like to have a white logo when transparent and when scroll down a black one (image 3 and 4)

Our theme is Dawn and we already change the code to make the header transparent

Thanks in advance

Best

image 1.png
image 1.png2560×122 151 KB

image 2.png
image 2.png2558×158 16.6 KB

image 3.png
image 3.png2390×308 392 KB

image 4.png
image 4.png2398×310 25.3 KB

2

@ChouchouCouture - can you please share your site link?

3

Hi @suyash1

Thanks for your message. I sent you a private message with the URL and password to access since the web is still under construction and it is not public yet

I look forward to hearing from you

Best

4

Was there any solution to this? Having the same issue with my website. Please see link:

https://a88yjxsbqs5qg392-35610099756.shopifypreview.com

Thanks!

5

@Tellmemore112 - I believe you are using dawn theme, it will need multiple code and css settings to achieve what you want

6

Hello,

I’m using craft theme 5.0.1. Let me know if you can help in a private message

Thank you