I’m facing an issue with a looping logo animation on one of my pages.
The animation works perfectly in preview mode, but once the site is published, it starts playing for a few seconds and then stops completely. It’s a block inside a component that I reuse on three other pages, and I’m having the same issue on all of them.
What’s strange is that I have a very similar animation (same settings) on the homepage, inside another component, and there it works just fine.
I even tried copying the working animation from the homepage and using it on the problematic page, but then I still get the same issue—it starts and then stops after a few seconds.
I’ve spent hours trying different things (triggering on page load, on scroll into view, etc.), but nothing solves the problem.
Has anyone encountered something similar or have an idea of what might be going wrong?
Lottie animations in Webflow require specific settings to ensure they play correctly across all pages. Since your animation works on the homepage but not on other pages, here’s how to fix it:
Select your Lottie animation element and navigate to the Element settings panel > Lottie animation settings. Check that:
The “Loop” option is enabled
The animation duration matches your Lottie file’s intended length
The animation trigger is set appropriately (default is “On page load”)
If you’re using the same animation component across multiple pages, verify these settings are consistent for each instance of the component.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
Is the issue on the page you have shared the read-only link for?
The logo animation loop seems to work on that page in preview mode as well as on the live site on my end. It looped for a bunch of time and hasn’t stopped yet. Are you still facing this issue on your end?