Changing the nav bar logo color when the menu opens

Hey guys,

Pretty new to Webflow, so I am really struggling with changing some stuff. I bought a template but I want to tweak elements of it and have no idea how. I played around, but no success yet, so coming here for help.

Basically, I want to be invert the colors of the logo on my navigation bar. There is a white background when the menu is closed and dark background when the menu is opened, but the logo stays the same and disappears when the menu is opened.

The logo is an svg with a white fill but I want it to have a white stroke. The desktop version has a logotype that gets completely lost.

Closed menu:
Screenshot 2023-03-28 at 4.56.10 PM

Opened menu:
Screenshot 2023-03-28 at 4.56.23 PM

Appreciate the help in advance!


Here is my site Read-Only: LINK

One way would be to insert the SVG as custom code and fill use fill="currentColor". This makes it so the logo inherits the font color. Now animate the font color of the embed or parent div when opening the menu to adjust the logo color!