Hamburger icon to X

Hi, I am trying to follow these instructions from @waldo to make the hamburger icon turn into an X using interactions. The instructions seem really clear but somehow I am creating a complete mess

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


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.