How can I switch between two logos on a transparent and white header?

Hello,

For my site I have made my header transparant and when scrolling a white sticky header by following these instructions: https://jotting.com/shopify/how-to-make-dawn-theme-header-transparent. This has worked perfectly. The only thing is that there is no option to switch the logo to another one/colour when switching from the transparent to the white logo. In the comments they tell you: “you would need to create a second logo field and add a switcher so when transparency is on show the second, when it’s not, show the original, then you need to do a bit of JavaScript to switch between.”

I have no idea how to do this and was hoping someone could help me with the code for this. Thank you so much in advance.

Greetings,

Melissa

Store link:

1 Like

@mel999

Thank you for reaching out and posting this question!
Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Dear KetanKumar,

Thank you so much for your reply. My store link is https://kwxg8vjan7mvzkzn-62119084228.shopifypreview.com. If you have the time, I have another problem with my site: for the mobile version of my site my pictures don’t fit the image banner. I would like the image columns to be the size of the images instead of a fixed size. Thank you for your time and effort in advance.

Greetings,

Mel

Hi Ketan,

Would you still be able to help me with my logo? I am struggling. Thank you for your response!

Kind regards,

Mel