Blend mode "difference" not applying to svg logo and icon

Hello Hackers,

I applied the blend mode “difference” to the navbar because i couldn’t apply it to the logo and hamburger icon. But unfortunately it also applies to the drop down menu. I don’t want that. So I tried with custom code targetting different classes including the logo, nav-menu dropdown and it only seem to apply to the navbar.

Of course all I want is for the logo and toggle menu icon to change color with different backgrounds.

How can I get the blend mode applied to only the logo and icon but not to the dropdown menu??

Here is the link: Webflow - Youvelop

I really appreciate your help.

Thank you

Found a solution to this!

All good