Custom Burger Menu Interaction Not Working

Design help Animations & Interactions
1

Hi All,

I’m trying to set up a custom burger menu on the mobile versions of my site but I can’t get the interaction animations working quite right.

I managed to get the animations working so when the user clicks the menu an overlay scrolls down and then disappears with a second click. The problem is, when I click the burger icon again the animation doesn’t work?

If poss, could someone have a look at the link below and tell me where I’m going wrong?

Thanks in advance
Dan

Here is my public share link: https://preview.webflow.com/preview/wb-website-2019?utm_source=wb-website-2019&preview=58ffba1c8f6200794c15b513fd9a8d7f

2

Hi, does anyone know how I can solve this problem? I might have to resort to a standard burger menu (one with no animation on click) if there’s no solution.

Kind Regards
Dan

3

Hello @rosedani

Maybe this resource can help

https://www.thedigitalbake.com/buttons/hamburger-buttons