Changing the nav bar logo color when the menu opens

[cruztodobien (Jaime)]

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:

Opened menu:

Appreciate the help in advance!

J.

---

Here is my site Read-Only: LINK

[RoryVB (Perspective Design)]

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!