# Mobile support

> Keep your Shoplazza App usable when merchants open the admin on a phone: responsive layouts, core features on small screens, and touch-friendly controls.

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:

  ```html
  <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.