Unable to get hamburger menu to revert back to closed

Design help Animations & Interactions
1

Hi all,

I have a hamburger menu button which works fine when opening the menu.

It’s icon changes from
hb 1
to
image
…with no problem

Also if it’s clicked again , it reverses as the menu closes.

I’m trying to have it do the same thing (revert back to original hamburger) when a link on my menu (eg ‘Work’) is clicked.

menu 1
menu 1743×555 19.2 KB

I can get this icon to close:
image
…But I can’t get this icon to stay open:
hb 1

If anyone can crack it I’d be so grateful. Been stuck on it all day. Thanks !

here’s my link:
https://preview.webflow.com/preview/alexiscreative?utm_medium=preview_link&utm_source=designer&utm_content=alexiscreative&preview=6dc115708af1b0f64ecf41d9a37ca3b6&workflow=preview

Here is my public share link: Webflow - alexis creative

2

Hey there :wave:

When I opened your read-only and toggled the preview, the animation worked for me. Not sure if you were able to resolve it since the post

3

Hi , thanks for taking a look. The issue was when clicking on the ‘Home’ link.
The burger was disappearing instead of changing.

I’ve since started the menu again because i was getting confused and it’s working now.
The ‘home’ link in the menu now triggers the hamburger transformation.

Thanks for looking though!

1 Like
4

@Lex80 Love your site! Very well done. I’m struggling to get the hamburger menu to change to an X. I’m trying to do it with trigger interactions, but having no luck. What do you suggest? I couldn’t find any directions in the Webflow tutorials, so I’ve been trying based on what ChatGPT suggests. Do you know if there are any code blocks available that I could use to implement this?

1 Like