Second trigger not animating Icon

Hi All,

This is my first post so hoping this all makes sense / someone can help.

I have made a side menu with an in and out interaction on 1st and second click. This all works which is great… but I want to set it up so when you click the overlay div it closes the menu.

So far I have set it to a duplicated close interaction on first click, but this doesn’t trigger the burger to animate again, it also means you click the burger menu twice to work as intended.

Hope this all makes sense.

https://preview.webflow.com/preview/em-2020?utm_medium=preview_link&utm_source=designer&utm_content=em-2020&preview=fe7b3a571528c5554f78cb2ee853411a&mode=preview

https://em-2020.webflow.io

Cheers
Todd

I’ve set it to a duplicated close interaction on first click, but this doesn’t trigger the burger to animate again and also means you click the burger menu twice to work as intended.

Any help would be greatly appreciated.

Hi Electric_Mustard, from what I can see you should do it like this:

You need an actual “Menu button” element that comes with Nav and inside of it you should put the blocks you want to animate instead of trying to make them fully custom. After that you can select Navbar element and go to interaction panel and link an animation to “Navbar opens”

Let me know if this helps or if you need any further asistance.

1 Like

@Marko_Vukic Thank you… you have just solved soo many recent headaches!