Squarespace 7.1 provides a really nifty tool that allows you to edit the mobile versions of all of your website pages. It’s very simple to use and allows you to change the sizing and placement of any element on the mobile version of the page versus the desktop version.

To see how editing the mobile versions of pages in Squarespace 7.1 works, check out the video below 👇

This tool is only available in Squarespace 7.1. If you have a 7.0 website, you will not be able to edit the mobile versions of the pages without creating a separate page and redirecting to that page on mobile only.

Step One:

When viewing the page you want to make changes to, click Edit in the top left of the screen, and then use the icons in the top right of the screen to select the mobile version. (Alternatively, you could choose the mobile version first and then hit Edit.)

Step Two:

Arrange the elements on the mobile version of the page so that they appear the way that you would like them to. Pro tip: if you make sure that the spacing around all of your elements isn’t too large on desktop, you’ll have less work to do on the mobile version of the page.

Good luck!

Xx, Kara

---

Ready for more?

Be sure to check out and subscribe to my YouTube channel. You can also view SkillShare courses (and a free two-week trial) here.

As always, I’m available to help troubleshoot or implement the tech pieces of your business

Send an email ➡️ hello@kcocreative.com

Request a quote ➡️ https://www.kcocreative.com/quote-your-project/

Book a free exploratory call ➡️ https://www.kcocreative.com/exploration-call/

All the FREEBIES ➡️ https://www.kcocreative.com/freebies/

Biz help for freelancers ➡️ https://www.kcocreative.com/for-freelancers/

Skillshare courses ➡️ https://www.kcocreative.com/skillshare-course/

Get Squarespace* ➡️ https://www.kcocreative.com/squarespace

*Affiliate links help me to provide you with free instructional content! I never recommend something that I don’t truly love and use either for myself or on behalf of clients.