Thanks, Mike! That seemed to work! It seems a little slow / buggy though. You can see that working on 5 images on this page:

Are there any downsides to this approach in terms of performance or otherwise that you can think of?

• This reply was modified 3 years ago by icandy-graphics.

OK thank you for the idea! It didn’t occur to me to add a class within the svg file itself. My problem I don’t think is with the svg file but rather not knowing how to style / target the sticker header and the two different logos. This is the page I’m having trouble with. https://thealtcarecollective.com/
I have the white svg logo https://thealtcarecollective.com/wp-content/uploads/2020/01/logo-svg-white.svg showing up when you load the page. Perfect. But when you scroll, I need it to show the black svg file. https://thealtcarecollective.com/wp-content/uploads/2020/01/logo-svg-black.svg. It’s currently still showing the white one.

On the inside pages the black logo is showing correctly. However on mobile, it is showing a double logo.
Any ideas?
Thanks!

I found that Relevanssi is causing the conflict. I don’t want to switch to a different search plugin because I’ve invested some time in customizing the search. I ended up creating a new tag.php in my child theme and just using the code from Enfold’s archive.php. That solved the issue.