Section Looks Wrong on Mobile

Applies to: All SS sections

Symptoms

• Looks fine on desktop but broken on mobile
• Spacing, font size, or image crop looks off
• Slider shows too many items on mobile

Try this

1. In the Theme Editor, switch to Mobile preview (phone icon).
2. Look for settings labeled Mobile (font size, padding, image ratio, slides per view).
3. For sliders, set Slides per view (Mobile) to 1 as a baseline test.
4. Save, then test on an actual phone (browser resize is not always accurate).

Still not working?

Email [email protected] with:

• Phone screenshot
• Section name (exact)
• What you already changed

Related articles

• Hide a Section on Mobile/Desktop View

Also searched as: alignment off, breaks on phone, desktop, font too big, font too small, image cropped, image cut off, looks broken on mobile, looks fine on desktop, misaligned, mobile, mobile columns, mobile design, mobile fix, mobile font size, mobile image ratio, mobile layout, mobile padding, mobile preview, mobile settings, mobile spacing, mobile view, not responsive, overlapping, phone screenshot, phone view, responsive, section looks wrong, settings, slides per view, small screen, spacing off, squished, tablet, text overlapping, too many slides, ugly on mobile, viewport