How to Optimize Shopify Size Charts for Mobile
70%+ of Shopify traffic is mobile. Mobile-first size chart matters more than desktop.
Mobile Size Chart Checklist
1. Sticky button. Always visible, top-right or bottom-right of viewport. Persists on scroll. Easy thumb reach.
2. Bottom sheet, not center modal. Slide up from bottom. Easy to dismiss with swipe down. Native iOS / Android pattern.
3. No horizontal scroll. Tables wider than 360px must collapse to accordion or stacked cards on mobile.
4. Tap targets ≥ 44px. Apple HIG minimum. Cells, buttons, toggle switches must be tappable without zoom.
5. Unit toggle (cm/inch). Prominent at top of popup. Many international shoppers convert here.
6. Recommender shortcut. "Find my size" CTA above the table. Skip the chart entirely if shopper just wants the answer.
FAQs
Why mobile size charts?
70%+ of traffic. Closes mobile-desktop conversion gap.
What's the best UX?
Sticky button + bottom sheet + no h-scroll + 44px tap targets.
Mobile-first size charts
Tailor Size Guide ships with all mobile best practices baked in.