Change logo to black on scroll

[Luxurymrkt]

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

 

 

[AnneLuo]

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 </head> tag

<style>
.scrolled-past-header .header__heading-logo.motion-reduce,
.scrolled-past-header #Capa_1 {
  filter: invert(1);
}
</style>

Result:

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

[Luxurymrkt]

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

[EstherBui]

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

[Luxurymrkt]

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