Blend Mode for Navbar Logo/Menu

Hi there,

I’m trying to make this Logo, Hamburger menu and text link on the left-hand side change color depending on if they’re being scrolled over a different color background.

I got it to work by setting an HTML embed with
.navbar {
mix-blend-mode: difference;
}

But that also changes everything inside the expanded menu and I just want to affect the logo, menu button and text link.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)