How to edit mobile view in Squarespace 7.1
Squarespace 7.1 doesn't have a separate mobile editor — here's how to control mobile layout using the tools it does give you.
6 min read intermediateUpdated Mar 25, 2025
BI
Reviewed by the editorial team · Mar 25, 2025
Step by step
- 01
Switch the editor preview
While editing a page, click the device icons (desktop/tablet/mobile) at the bottom of the editor.
- 02
Reorder sections per device
On mobile, columns stack top-to-bottom by their left-to-right desktop order. Drag blocks to change the order.
- 03
Hide blocks on mobile
Select a block → settings gear → toggle 'Hide on Mobile'. Use it sparingly; Google indexes mobile content first.
- 04
Custom mobile CSS (advanced)
Settings → Advanced → Custom CSS. Use @media (max-width: 767px) { ... } to override styles per device.
Web Design · Done-for-you
Want us to design and launch your website?
We build sites on Squarespace, Wix, WordPress, Shopify, Webflow and Framer — from blank canvas to live domain.
Book a website call