Custom Hamburger Menu Color Change

Hey folks,

I’m trying to animate a custom hamburger menu from white to blue. I can’t find to transition the colors from white to blue, even with focused/pressed/hover states for both the button itself and the divs that compose it.

Essentially, I’m trying to have the inactive state as white and active state as blue.

Here’s my link:

Any help would be appreciated!


Here is the color change using a mouse hover interaction

hope that helps