top of page

Wix Editor: Troubleshooting Animations on Your Live Site

Animation is a great way to catch your visitors' eyes, and direct them to relevant and interesting content. However, you may notice that they're not functioning as expected on your live site.

If you're experiencing issues with animation, read this article to learn more about causes and potential solutions.

New animations not playing on the live site

If you recently added an animation to an element but can't see it on your live site, you might not have published your changes. In order for updates to be reflected on your live site, you need to publish them.

To publish site changes:

  1. Go to your site in the Editor.

  2. Click Publish at the top right.

  3. (Optional) Click View Site to be taken to your live site.

  4. Click Done.


Lagging or slow animations

Animation effects are a fun way to bring your site to life and add creativity. However, just like any other effects or elements, having too many animations on one page can cause performance or loading issues.

If you notice that animations are slow or lagging on your live site, you should consider reducing the amount of effects and elements you have on your page.


Animations not playing on certain devices

You or your visitors may notice that animation effects do not play on your Wix live site - on both mobile and desktop.

This could happen if visitors are viewing your site from operating systems with a Reduced Motion feature. When turned on, this feature prevents animations from playing in the browser.

You and your visitors can disable the Reduced Motion feature from your device in order to see the animation play on your site.


Animation playing on a different element

If you notice that the wrong element has an animated effect on your live site, you may have accidentally added animation to that element instead. Make sure you're applying the animation to the right element, especially if a number of elements are placed closely together.

To check your element is animated:

  1. Click the element.

  2. Click the Animation icon .

  3. See if an animation has been selected.


bottom of page