Streaming live at 10am (PST)

Hamburger icon to X


#1

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


#2

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:


#3

Thanks very much @waldo. This solved the problem!


#4

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