Sir

I finally realized I was able to paste the last bit of code directly into the page 😛 Now only the Homepage is inverting back to black on the mobile menu without affecting others. I kept the rest of the code in place and just moved this bit directly to the page. /*Nav Logo Black on Open Mobile Menu*/ #collection-65e2b433f064df09c1366822 .header--menu-open .header-title-logo img { -webkit-filter: invert(1); filter: invert(1); }

Update: I've managed to figure most of it out by inverting the logo color. Only problem is, when I go to fix the logo on the open mobile menu, since I had to invert the logo on the homepage due to the colored background, it's now inverting every other pages logo. So when it fixes the homepages logo on the mobile menu, it messes up the logo on every other page. I can't figure out how to isolate the inversion to just the homepage. Any thoughts would be nice! Here is the code I'm using:

I'm trying to figure out how to change the burger icon to black once the nav bar turns white after scrolling on mobile. Right now it remains white against the white nav background when testing on my phone. Not only that, if I open the mobile nav at the top of the page without scrolling first, the logo, burger icon and nav menu itself remain white. I'd I'd like them all to turn black once I begin scrolling. How can I fix this? Url: Sirkennethriley.com