Lottie file not animating

Hello,

I implemented a Lottie file. When I preview the animation in the settings, it plays fine but when the site is live, nothing. Can someone please help me figure out what is happening?

Thank You!
https://preview.webflow.com/preview/peace-451a93?utm_medium=preview_link&utm_source=designer&utm_content=peace-451a93&preview=1853daf9bd6b1a59e882d95a82d0a1ce&pageId=63e5100898f1097bc38ed04a&workflow=preview


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

Hey @kimwild

You need to append interaction to Nav Opens and Closes event. You can do that here. After that you need to create interaction which uses lottie element. Initial state needs to be at 0% played lottie file, and on open it should be like 45% based on your lottie file. On close you can just bring it back to 0 and it will work fine.

Example of that Loom | Free Screen & Video Recording Software | Loom

Let me know if that helped, cheers

1 Like

Yes, that was it - Thank you so much!