Mobile
Arcade automatically adapts to smaller screens to ensure your demos remain usable and visually clean on mobile devices. This behavior can be customized depending on your layout needs.
Last updated
Was this helpful?
Arcade automatically adapts to smaller screens to ensure your demos remain usable and visually clean on mobile devices. This behavior can be customized depending on your layout needs.
Last updated
Was this helpful?
Arcade switches to mobile view when the container displaying the Arcade is less than 600 pixels wide. This typically includes:
Mobile devices
Embeds inside narrow containers (e.g., chat widgets, side panels)
In mobile view:
Hotspots remain interactive, but the hotspot text is moved to subtitles below the screen to prevent overlap.
The layout is optimized for vertical scrolling and small screens, making it easier to follow steps on phones or tablets.
Fonts, button sizes, and spacing adapt for mobile UX best practices.
Yes. If you want to display the desktop layout even on small screens, you can disable mobile view:
Go to Design settings in the Arcade editor
Toggle off the mobile view behavior
This is helpful if you want to preserve exact step positioning or ensure a consistent experience regardless of screen size.