Hamburger Icon Breaking : Using Multiple Triggers

Hey guys, here’s a gif of what’s happening.

Nav%20glitch

You can see if you click my hamburger Icon, it turns into an ‘X’ and then when you click the ‘X’ it turns back into a hamburger icon, so far so good.

But if you click the grey space on the right to close the nav, the ‘X’ remains an ‘X’ and won’t change back to the hamburger icon.

Both triggers ( The ‘X’ and the grey space ) have the exact same animation applied to them, but the element (Hamburger Menu) behaves differently based on which trigger you use to close it. Does anyone know what’s happening here?


Published Site : https://alexanders-sublime-project-8b35bf.webflow.io/

Read Only Link : https://preview.webflow.com/preview/alexanders-sublime-project-8b35bf?utm_medium=preview_link&utm_source=dashboard&utm_content=alexanders-sublime-project-8b35bf&preview=6d3e4edcdad2be691c34e82615992d75&mode=preview

I am having this exact issue which I posted about with very little success at a solution.

https://discourse.webflow.com/t/hamburger-x-interaction-issue/90453/6

@jmkriz Yeah that’s crazy! I don’t know what’s happening, maybe its an issue with Webflow.