Squarespace sites are optimized for viewing in Chrome and Safari's mobile browsers. To learn more, visit Supported browsers.
Squarespace 5 sites scale to fit the width of mobile devices, but they don't have built-in responsive design or mobile styles.
Mobile CSS style sheets
If you have code experience, you can upload a mobile-specific CSS style sheet to your file storage. Then point to that style sheet by adding a custom JavaScript browser detection solution:
- Open the Website Management bar and click Website Settings under Structure.
- Go to the Code Injection tab.
- Select Extra Header Code from the drop-down and add your custom JavaScript to the HTML Code field.
- Click Update Information.
Note: Custom CSS is an advanced modification that falls outside of the scope of Squarespace support.
Squarespace 7 for built-in mobile styles
If you want a more sophisticated mobile site, this might be a good time to consider moving to Squarespace 7. All Squarespace 7 sites feature responsive design, which optimizes your site for all mobile devices and browser sizes. This is especially important as Google now gives mobile-optimized sites higher priority.
On Squarespace 7 sites, content stacks vertically on mobile. This means that visitors can scroll to see all your content, rather than having to pinch, zoom, and scroll in multiple directions. Navigation typically collapses behind a menu icon or link and appears as an overlay when tapped.
- To learn more, visit How will my site appear on a mobile device? on the Squarespace 7 help site.
- To learn about the differences between the two platforms, visit Squarespace 5 vs newer versions. You can also create a free trial site to test it yourself.
- If you're ready to switch, visit Moving from Squarespace 5 to Squarespace 7.0 or Moving from Squarespace 5 to Squarespace 7.1. to learn how to transfer your site's content.
