Automatically route mobile users, to mobile optimized sheets
Astrato lets you design for mobile users - unlike other tools who redesign your dashboard for mobile for you, outside of your control.
Mobile users deserve a true mobile analytics experience.
Smallest iPhone viewport
375px (w) × 828px (h) is the smallest active iPhone browser viewport.
This is the default space your content has to breathe — so design with this boundary in mind.
Size to use when designing in the editor
When building a scrolling sheet for mobile, set your browser to 947px (h) × 735px (w).
That size matches the visual scale Astrato uses internally, so what you see in the editor mirrors how it feels on device.
Easy way to resize your browser
Use a Chrome extension like Window Resizer to snap the viewport to those dimensions fast.
You can match the settings below:
Creating the Mobile Design
To speed up the process, we recommend to clone your full-screen sheet in the workbook editor.
In the new sheet, we recommend to Lock aspect ratio of your sheet. This ensures that a mobile view is retained on the sheet and enables you to design on a mobile sized canvas.
Choose a paper size or set the aspect ratio to
Once complete, you're ready to make your layout mobile friendly.
💡 Put your main content at the top of the sheet. | 
|
Automatically show the right content based on their device
Once you have completed your design, open up Astrato's actions.
In Actions, add the blocks shown below (use our search to find blocks faster).
These blocks perform the following actions:
If the device window is portrait (taller than wider), then go to Mobile Overview.
Otherwise, go to Overview.
The end Result
Try it yourself - just change the window size closer to mobile and hit refresh.
ℹ️ Remember you can show and hide sheets in Astrato, with one workbook to serve all types of users.
