Change hamburger icon color on hover?

Design help Animations & Interactions
1

This one should be really simple, right? Ahhh! It seems I can’t use the same method I used for the social media icons in my footer to change the color of the hamburger icon states. Ideas? TY!

https://feather-and-nest.webflow.io/ PW: GreenTeam21!

https://preview.webflow.com/preview/feather-and-nest?utm_medium=preview_link&utm_source=dashboard&utm_content=feather-and-nest&preview=80b95ce687f6cbe6914d00babf89ded1&mode=preview

2

It appears that you’re activating a HoverState on the social icons to turn off the transparency of the object. I wouldn’t recommend this method as it’s not the cleanest procedure - you’d be better off using interactions to change a div’s color or using the knowledge from this handy resource I stumbled upon a while back. I’ve since replaced all of my previous show/hide interactions with this method and it’s made everything so much easier!

1 Like
3

Fantastic! I’ll def give this a whirl. Thank you!

4

All good! Thank you!