Seam Miniapp Maker
  • Creating Miniapps on Seam
  • Get Started
    • Quickstart
    • Local Environment Setup
  • Miniapp Creation
    • Composer Component
    • Feed Component
    • Supporting Mobile
    • Uploading Images, Videos, and Files
    • Miniapp Icons
    • FAQ
    • Tips & Tricks
  • Submission
    • Creating a Pull Request
    • Adding Teammates
Powered by GitBook
On this page
  • Testing on Mobile
  • Requirements
  1. Miniapp Creation

Supporting Mobile

PreviousFeed ComponentNextUploading Images, Videos, and Files

Last updated 8 months ago

All miniapps on Seam run on all devices, both phones and on web on desktop computers. Therefore, as a miniapp developer, you'll need to make sure that you're happy with how your miniapp works on both large devices and small devices. By default, the miniapp testing harness that you've been using so far as been the desktop composer -- but there is an easy way to change the dimensions to make sure your miniapp works for phones, too.

Testing on Mobile

The best way to test for mobile screen sizes is by using the dev tools built into your web browser. For example, in Chrome, you'll want to use .

Requirements

Make sure you like your miniapp at the following widths:

  • Mobile Small: 320px

  • Mobile Medium: 375px

  • Mobile Large: 425px

Device Mode
Using Chrome devtools, you can try all the different device types