# Turn animation up or down

Source: https://themes.spicydesign.ca/help/guides/animation/
Updated: 2026-11-12

Choose how much your theme moves: set the motion level, the scroll animation and the intro screen. Visitors who reduce motion never see it.


Choose how much your store moves, from none at all to the full Picante effect.

## Set the motion

1. Select the **Theme settings** icon at the top left of the editor.
2. Select **Motion** (marker 1).
3. Under **Motion level** (marker 2), choose **None**, **Subtle** or **Bold**. **None** turns animation off. **Subtle** is gentler. **Bold** is the full effect.

![The Motion group open in Theme settings. Marker 1 is the Motion group. Marker 2 is the Motion level choice: None, Subtle or Bold. Marker 3 is the default animation on scroll. Marker 4 is the intro screen switch.](https://themes.spicydesign.ca/help/shots/editor-motion.webp)

4. Under **Default animation on scroll** (marker 3), choose how content appears as people scroll. The choices are **Fade**, **Slide up**, **Scale in**, **Wipe** and **Blur in**.
5. Turn on **Intro screen on first visit** (marker 4) for a short full-screen intro with your store name. It shows once per visit. In the editor, it plays each time you turn it on.

![The Motion group open in Theme settings. Marker 1 is the Motion group. Marker 2 is the Motion level choice: None, Subtle or Bold. Marker 3 is the default animation on scroll. Marker 4 is the intro screen switch.](https://themes.spicydesign.ca/help/shots/editor-motion.webp)

6. Scroll through your page in the preview to check it.
7. Select **Save**.

## Motion in your theme

You are looking at the Picante theme. Change it with the **Theme** switch in the top bar.

**Picante motion**

- Motion level: Bold
- Default animation on scroll: Slide up

**Overdrive motion**

- Motion level: Bold
- Default animation on scroll: Wipe

**Pastille motion**

- Motion level: Subtle
- Default animation on scroll: Blur in

## Good to know

- Motion always switches off for customers who ask their device to reduce motion. You do not need to set anything.
- At **None**, most other motion settings are hidden. **Buttons follow the pointer** and **Speed up marquees while scrolling** show only at **Bold**.
- Many sections have their own **Animation on scroll** setting under **Section style**. Choose **None** to stop one section from moving.
- Bold suits a loud, playful store. Try **Subtle** for a calmer feel.

See every setting: [Motion](https://themes.spicydesign.ca/help/reference/theme-settings/motion/).