Checking the mobile view
How to preview and check how your Squarespace website looks on phones and tablets, and what to do if something looks wrong.
Most website visitors are on a phone. Checking the mobile view of your Squarespace site before you publish changes is a good habit. This guide shows you how to preview your site on different devices.
Quick summary
While editing a page, use the device icons in the editor toolbar to switch to tablet or mobile preview. This shows you approximately how the page looks on smaller screens. Squarespace automatically adjusts most layouts for mobile.
Why mobile view matters
Over half of web traffic comes from mobile devices. If your site looks broken, cramped, or hard to read on a phone, visitors will leave. Squarespace does a lot of the mobile formatting automatically, but some things — like long text, oversized images, or custom spacing — can still look off on smaller screens.
How to preview the mobile view in the editor
Open the page editor (see How to edit a page).
Look for the device preview icons in the editing toolbar — usually at the bottom or top of the screen. They look like a desktop, tablet, and phone icon.
Click the phone icon to switch to mobile view. The page preview shrinks to show approximately how it looks on a phone.
Scroll through the entire page to check that text is readable, images look good, and no content is cut off.
Click the tablet icon to check tablet view as well.
Click the desktop icon to return to the desktop view.
What Squarespace adjusts automatically
Squarespace handles many mobile adjustments for you:
- Multi-column layouts generally collapse to single columns on small screens
- Text size is adjusted to remain readable
- Navigation turns into a mobile-friendly menu (often a hamburger icon ☰)
- Images resize to fit the screen width
What can still go wrong
Things to check on mobile
Even with automatic adjustments, watch out for these common issues on mobile:
| Issue | What to look for |
|---|---|
| Text too small | Body text should be at least 16px on mobile |
| Images cut off awkwardly | Important parts of images (faces, text) cropped out |
| Buttons too small to tap | Buttons should be finger-sized |
| Content overflowing | Text or images extending beyond the screen edge |
| Navigation not working | Can you open and use the mobile menu? |
Checking on a real phone
The editor preview is approximate — it may not match every phone perfectly. For important changes, also view the live site on your actual phone:
Save your changes in the editor.
On your phone, open a browser and go to your website's address.
Navigate through the pages you changed and check how they look.
Try it in incognito / private mode
If you're seeing a cached version of your site, open your phone browser in private (incognito) mode to force a fresh load of the latest version.
Common questions
Related guides
Need a hand?
Learn more
Editing your navigation menu
How to add, remove, rename, and reorder items in your Squarespace navigation menus, including creating dropdown folders.
Squarespace Commerce (overview)
An overview of how selling works on Squarespace, including what Commerce plans include, what you can sell, and how orders flow.