Change logo to black on scroll

Hi,

when I scroll over white areas of the website I want the logo and drawer icon menu to change the black.

my site is https://miintstudios.com/collections/frontpage

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the tag


Result:

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Hi Luxurymrkt

  • You can try to follow this step
    Step 1: Go to Edit code
    Step 2: Find file base.css and add this code at the end of the file
.scrolled-past-header .header__heading-logo.motion-reduce, .scrolled-past-header #Capa_1 {
    filter: invert(1);
}

Result:

Best,
Esther

No thank you. I want it to change to black when over white sections only. not when it goes past the header.

Thank you, but I want it to change to black only on white sections, not when past header