Hamburger Menu Icon not even

Design help Layout & Design
1

Hi guys, I have two problems with the menu icons. I didn’t use lottie file because I want to be able to change the colour of it.

  1. icon looks a bit uneven when open,
  2. When scroll down, menu icon colour changed, but it will blend in with the navigation background colour, so now can’t see the icon anymore, does anyone have an idea on changing the menu icon colour when the menu is open while scrolled down?

https://preview.webflow.com/preview/toscafund?utm_medium=preview_link&utm_source=designer&utm_content=toscafund&preview=b40c0ef055e0edb095861d90a78736d7&workflow=preview

Thanks a lot.

2

Hi @Daphne_w ,

To get your Hamburger ‘X’ to be even when open, change the ‘Rotation’ values on your interaction from 30 to 45 (-30 to -45)

Also, for your Hamburger blend issue (sorry, I don’t have time right now to go into it more), you may need to create a separate ‘Close’ icon that is absolute position to the Expanded_menu element with an interaction that closes that element.

Hope that helps and makes sense.
Keiran

1
11873×1461 105 KB

1 Like
3

Thanks a lot! the menu blend is fixed so I just need to fix this one, thank you!