Lottie file not animating

Design help Animations & Interactions
1

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)

2

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
3

Yes, that was it - Thank you so much!