Mobile animations

Animations you set on desktop also play on the mobile layout. Mobile follows desktop until you change an animation setting on mobile. From then on, that setting keeps its mobile value, and the settings you haven't changed on mobile keep following desktop, including changes you make on desktop later. The one exception is the Duration of Start and End animations, explained under Changing animations on mobile.

An element you add to the mobile layout keeps the animations it has on desktop. To set up the mobile layout itself, see Create your Mobile Version.

Changing animations on mobile

To change or turn off an animation on mobile only:

1. Switch the editor to the Mobile layout.
2. Select the element.
3. Open the Animations tab in the right panel.
4. Change the setting you want to be different on mobile. To turn an animation off for mobile, click the − next to its section heading instead.

Desktop keeps its own settings. Only the settings you change on mobile stop following desktop. Timing is the exception: when you change the Duration of a Start or End animation on mobile, or turn one of them on or off there, the timing of all of that element's Start and End animations on mobile stops following desktop.

Mobile override dots

On the mobile layout, a small blue dot in the Animations tab marks a value that is different on mobile than on desktop. When you hover over the dot, it shows a reset icon and the tooltip "Remove overwrite". There are two kinds of dot:

• Section dot: appears next to a section heading (Start animation, Repeating animation, End animation or Scroll path animation) when you turned that animation on or off on mobile, so it is on in one layout and off in the other.
• Setting dot: appears next to an individual setting, such as Type or Direction, when that setting has a different value on mobile than on desktop.

Not every setting you change on mobile shows a dot. A changed setting without a dot still keeps its mobile value and no longer follows desktop. To bring it back in line with desktop, change it back by hand, or reset the whole animation with the section dot if one is showing.

Resetting animations to desktop

Resetting removes your mobile changes, so the animation or setting follows desktop again. You can reset one whole animation or a single setting.

Resetting one animation to desktop

1. Switch the editor to the Mobile layout.
2. Select the element.
3. Open the Animations tab in the right panel.
4. Click the blue dot next to the section heading: Start animation, Repeating animation, End animation or Scroll path animation.

This resets every mobile change in that animation. It also resets the element's mobile timing, so the Duration of its Start and End animations follows desktop again. The section dot only appears when the animation was turned on or off on mobile. If you only changed settings, reset them one by one with their setting dots, or change them back by hand.

While a section dot is showing, clicking the + or − next to the section heading also resets the animation to desktop, instead of turning it on or off. If the animation is off, clicking the heading itself does the same. Either way, this removes all other mobile changes in that section too.

Resetting a single animation setting to desktop

1. Switch the editor to the Mobile layout.
2. Select the element.
3. Open the Animations tab in the right panel.
4. Click the blue dot next to the setting.

The setting follows desktop again. Other mobile changes in the same animation stay as they are.

Frequently asked questions

Do changes on desktop update my mobile animations?

Yes, for every animation setting you haven't changed on the mobile layout. A setting you changed on mobile keeps its mobile value, even when you change it on desktop, until you reset it to desktop. Timing is the exception: once you change the Duration of a Start or End animation on mobile, or turn one of them on or off there, timing changes on desktop no longer reach mobile for that element.

Can I turn off an animation on mobile only?

Yes. Switch the editor to the Mobile layout, select the element, open the Animations tab and click the − next to the animation's section heading. The animation stays on for desktop.

Why does a changed animation setting have no blue dot?

Not every setting you change on the mobile layout shows a blue dot. The setting still keeps its mobile value and no longer follows desktop. To make it match desktop again, change it back by hand, or reset the whole animation with the blue dot next to its section heading, if one is showing.

Updated on: 29/10/2026