Fix small touch targets on Shopify

This page shows how to fix small touch targets on Shopify. Controls smaller than 24 pixels are easy to miss on a phone.

Steps in Shopify

Pad Shopify header icons and quantity buttons to at least 24 CSS pixels.

Check

1. Measure the hit area, not only the icon graphic.
2. Add padding if the icon is small.
3. Check the header and quantity steppers.

All platforms · Shopify · WCAG 2.5.8