Change Nav Bar Color and Logo on dropdown

Hi- I am trying to recreate this desktop Nav Bar:

I know how to create a mega menu Nav Bar and basic hover animations. What I am specifically struggling with is how the Nav Bar and Logo colors get inverted as the dropdown menu pulls down. I haven’t started creating this, so don’t have a project link to share. Wanted to first figure out if this is even possible in Webflow without writing code. Im thinking this would require creating 2 nav bars using div bars, a wrapper and a dropdown menu designed in a div block?


Hi @zpace, you dont need to create 2 nav bars to achieve this. Use an SVG for the logo, use font-color and set it to change on hover.

Otherwise, you can just use 2 logos. Hide and show on hover.

Can anyone expand on how this is done? I’m stuck.