Troubleshooting

Animations and scroll issues

Fix busy pages, sticky sections, reveal timing, mobile scroll behavior, and reduced-motion concerns by using motion only where it clarifies the shopping path.

MotionSticky sectionsMobile preview

Fix By Symptom

What you see

The page feels too busy or hard to shop

Likely cause

Too many motion-heavy sections are stacked together before customers reach products or proof.

Check in Shopify

Review the page goal and section order before changing animation settings.

Check in SAISON

Keep one primary motion moment per viewport, add calm sections between effects, and move product paths higher on the page.

When to contact support

Send the page URL and identify which section should be the main motion moment.

What you see

Sticky scroll or pinned story feels too long

Likely cause

Scroll height, story step count, or copy length is trapping customers in one section.

Check in Shopify

Confirm each story step has final copy and media.

Check in SAISON

Reduce scroll height, shorten story blocks, or use a simpler editorial section when the content does not need pinning.

When to contact support

Send a screen recording of the sticky section on desktop.

What you see

Scroll effects feel broken on mobile

Likely cause

The desktop effect does not translate well to a narrow viewport or needs mobile-specific media/layout settings.

Check in Shopify

Preview the page in a real mobile viewport and check the mobile crop/media.

Check in SAISON

Use mobile layout, mobile height, mobile card width, and fallback settings where available. Consider a simpler mobile section.

When to contact support

Send mobile viewport size, affected section, and screen recording.

What you see

Text reveal is too slow or content appears late

Likely cause

Reveal duration, distance, or trigger timing is too heavy for the page's content.

Check in Shopify

Confirm final text length and section order.

Check in SAISON

Adjust Theme settings > Motion and interaction, then section-specific trigger mode and duration settings.

When to contact support

Send the affected section name and whether the issue is desktop, mobile, or both.

What you see

Reduced-motion behavior is a concern

Likely cause

Important content depends on animation rather than being visible and understandable without motion.

Check in Shopify

Review the page with reduced motion enabled in the device or browser settings.

Check in SAISON

Avoid placing required information only inside auto-moving, hover-only, or animation-dependent interactions.

When to contact support

Send the section name and the information customers might miss without motion.

Common mistakes

  • Using several signature effects just because the theme includes them.
  • Tuning animation speed before the final section order is chosen.
  • Testing pinned sections only on desktop.
  • Letting animation delay the first clear product or collection path.
  • Making important sale, shipping, or product information available only through motion.