Hi there, I'm having issues inverting my logo's colour on specific sections rather than pages. I've tried this code:
.dark, .dark-bold, .black, .black-bold {
&.header .header-title-logo a {
filter: invert(1);
-webkit-filter: invert(1);}}
Also tried inserting the new logo's image link instead of filter in the formula above, but it changes the logo on the whole page using dark or black as a first section.
Ideally, I'd like the logo to switch effortlessly between black and white as I scroll through the page, depending on each sections. Does anyone know how to do this? X