Lottie hamburger / Section anchor issue

Hey All!

Not sure if anyone has experienced this and may have a fix.

I have a mobile menu activated by a Lottie hamburger button. The menu has a few links that anchor to sections on the homepage. The is issue is that when the navigation closes and scrolls to the section, I can’t get the Lottie animation to return to the original state. See the deceptively happy pink coloured circle in the attached image.

I tried setting it to 0% in a separate interaction with no luck. I also can’t control the Lottie file from the link.

Any ideas?


Here is my public share link: https://preview.webflow.com/preview/kwattorneys?utm_medium=preview_link&utm_source=designer&utm_content=kwattorneys&preview=cdc6009f07fb7b4a8adac054a02d3d82&mode=preview
(how to access public share link)

Hello.
Maybe you could make the hamburger ‘close’ interaction on the whole page? So when someone clicks on the page, anywhere, the interaction fires!

Hey @HGWeb, thanks for the suggestion. At the moment I’m triggering the interaction on click of the actual Lottie file so that it can play in reverse. Your suggestion may work, but I’ll have to start from scratch and try to do it with a Lottie animation playing to 50% and then 99% on close of the menu. I may go through the effort if there are no other solutions though!