Light dark logo in header

Hi

I have seen various requests and solutions. I tried this code below, but my logo is burgundy so inverted it turned bluey colour, I'd like it to appear white on the homepage where it appears on a photo and the uploaded burgundy on the other pages. Can anyone help? Will it work across on mobile? Thanks

//Invert header logo color on dark themed Sections
.dark, .dark-bold, .black, .black-bold {
  &.header .header-title-logo a {
    filter: invert(1);
    -webkit-filter: invert(1);
}}

<style>
.header-title-logo img {
    -webkit-filter: invert(100%);
   filter: invert(100%);
  filter:progid:DXImageTransform.Microsoft.BasicImage(invert=’1′);
  }
</style>

Where to add the code:

Home Page Settings >> Advance 

Hi, thank you, I put that in but it turns it blue

Can you share site url? We can check easier.

Yes of course

https://lettuce-sepia-twct.squarespace.com/config/

On 6/13/2024 at 5:35 PM, MyfWebb said:

Yes of course

https://lettuce-sepia-twct.squarespace.com/config/

The site is private. You can follow this.