Hamburger interaction not working need help ASAP!

Design help Animations & Interactions
1

Hello Webflower’s
Please help me with the hamburger interaction.I’ve followed thishttps://www.youtube.com/watch?v=vF0Uzkgmd9w video but it won’t work for me.@pixelgeek could you please help me☮️

My Webflow link:
https://preview.webflow.com/preview/hamburgertest?utm_medium=preview_link&utm_source=designer&utm_content=hamburgertest&preview=729e340445dc094534df32cecb1494ab&mode=preview

Here is my public share link: LINK
(how to access public share link)

2

Hi Sachu,

the interaction for the first click looks good to me. However, it only seems to be showing the interaction when I check your project and preview the whole page, leave preview and change to preview again. Same when I once clicked “preview” in the interaction panel in the designer. Not sure if that’s a bug.

You might need to add a similar interaction for the second click though and define a timeline for it just like you did for the first click.

3

Hey ChrisT,
Thanks for replying i’ve tried the second click part by reverting the interaction back from close menu to hamburger menu but still it not working as intended.:sweat_smile:

4

My bad, sorry. Your second click is fine too.

I’ve been playing around a bit and noticed that the second click interaction works when the Hamburger Button is set to position:relative instead of fixed. Not sure if that’s the problem or if there is something else to it. When clicked for the first time, the lottie scales up a little as well. I wonder where that is coming from.

Can’t assist you any further, sorry. I’m still learning too. Hopefully someone more seasoned than me can take a look at that.