Skip to main content

Mobile support

Merchants don't only manage their stores from a desk — they check orders and adjust settings from a phone. Make sure your app remains usable when the admin is opened on a mobile device.

Create responsive designs​

  • Add a viewport meta tag to the HTML page that serves your app UI, so it renders at the correct scale on small screens:

    <meta name="viewport" content="width=device-width, initial-scale=1" />

  • Let your layout adjust automatically to narrow screens: single-column layouts, collapsible navigation, and tables that degrade gracefully (stack or scroll within their own container).

  • Prioritize vertical scrolling. Avoid horizontal scrolling elements wherever possible.

Keep core features available​

  • The core functionality of your app should work on a mobile device — not just render, but be operable end to end.
  • If a feature genuinely can't work on mobile, say so in the UI instead of letting it fail silently.

Design for touch​

  • Make touch targets on primary controls at least 44 × 44 pixels — buttons, menu items, close icons.
  • Don't rely on hover: anything revealed only on mouse-over (tooltips, row actions, dropdown triggers) is unreachable on a touchscreen. Provide a tap-based alternative.
  • Keep forms short on mobile and use the right input types (type="email", type="number") so the appropriate keyboard appears.