Hey guys, so I have a lottie animated hamburguer icon and im having some issues.
I have one animation for the whole mobile “menu opening” (which shows the div contianing the links and triggers the lottie animation: hamburger to X) and one for the “menu closing” (hides the div and reverses the lottie animation: X to hamburger).
I have those interactions applied on first and second click to the hamburger menu icon, and it works perfectly.
The thing is, I also wanted the “menu closing” animation to happen when the user clicks on a link within the nav since its a one pager and those links just scroll, so i applied the “menu closing animation” to the links inside the nav div.
But when I click any of them, the menu hides and the page scrolls, but the lottie animation doesnt trigger and the hamburger icon stays stuck in the “X”, even tho its the same animation im using for the hamburger icon!
I have no idea what im doing wrong.
Here’s my read only link: https://preview.webflow.com/preview/palmira?utm_medium=preview_link&utm_source=designer&utm_content=palmira&preview=84276be191af5d965ea0e671b50e1898&mode=preview
Thank you for your help guys!