Hamburger icon to X

Hi, I am trying to follow these instructions from @waldo https://webflow.com/blog/how-to-customize-your-hamburger-menu-in-webflow to make the hamburger icon turn into an X using interactions. The instructions seem really clear but somehow I am creating a complete mess https://preview.webflow.com/preview/eden-lab?preview=f68ea7e6bbb66310362cd50f676f8451

I’m clearly missing something! Any help gratefully received.

Thanks

Hi @sparky it looks like your hamburger lines are all nested inside of your top-line element.

Right now your lines are set up like this:

The top line, middle line and bottom line should all be siblings like this instead:

Thereafter be sure to re-position your elements accordingly and your animation should work as expected :smiley:

Thanks very much @waldo. This solved the problem!

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.