Wix Editor: Troubleshooting Animations on Your Live Site

4 min read
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.
In this article, learn more about:
GIF showing animation effects on a live site. The main image and text fade in.
Before you begin:
  • Check that there's no local causes for the issue first. You may need to clear your cache and update your browser. Learn more with the Wix Technical Assistant.
  • Please note that animations do not play in your site's editor. To view your animations, either preview your site, or view it live. 

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 editor.
  2. Click Publish at the top right.
  3. (Optional) Click View Site to be taken to your live site.
  4. Click Done.
The Wix Editor. It's been zoomed in to show the top-right section. The cursor is hovering over the Publish button.

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. 
A GIF showing a button with an animation on the live site.
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. Learn more about optimizing elements on your site

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. Click the relevant device below to learn how to disable Reduced Motion:
Tip:
Reduced Motion is also automatically enabled for some mobile devices in low battery or power saving mode.

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. Go to your editor.
  2. Click the element.
  3. Click the Animation icon .
  4. See if an animation has been selected.
The Wix Editor. The animation icon has been clicked and is highlighted. The cursor is hovering over an animation effect.
Tip:
To remove an animation from an element, click the Animation icon , then click None .

Still need help?

If the problem persists after following the steps above, contact us and provide the details below:
  • The issue you're experiencing, and the steps you've already taken.
  • The URL of the page where the animation issue occurs.

Did this help?

|