Need css help with logo change on mobile for a specific page

The desktop version of my logo is white, but when I preview the mobile version, the logo appears gray. I need help changing the logo to white. 

Thank you!

9 minutes ago, leilollipop said:

The desktop version of my logo is white, but when I preview the mobile version, the logo appears gray. I need help changing the logo to white. 

Thank you!

We can work around it with some Css code. Can you share your URL site and the protected password (if you have)?

Here is the url: https://www.leiloalum.design/odysseybikes

Hi @leilollipop, try this code, it targets just that one page on mobile:

#collection-635c6c71a5ba142eb1b00a9d { 
  .header .header-title--use-mobile-logo .header-mobile-logo img {
    filter: invert(1);
}

Hope that helps!

Hi @Ziggy, unfortunately the code did not work. 😞 

Sorry about that, try this instead:

#collection-635c6c71a5ba142eb1b00a9d { 
 .header-mobile-logo img {
    filter: invert(1);
 }
}

@Ziggy, I tried that code, and it didn't work either. 😞

@Ziggyhi, is there any way you could please send me another code? I've been trying to troubleshoot this for a long time. Thank you !!

I'm not sure why that didn't work, it works for me when I test it. Would you be able to share access to your website so I can test this and find a solution for your website?

Yes! I sent you a message so I can get your email and allow you to have access to the site. 

Thanks @leilollipop I've tweaked the code and it's working nicely now!