You're reading from Squarespace from Signup to Launch Build, customize, and launch robust and user-friendly Squarespace websites with a no-code approach

Product type Paperback

Published in Jul 2023

Publisher Packt

ISBN-13 9781801813082

Length 354 pages

Edition 1st Edition

Tools

Squarespace

Concepts

CMS

Author (1):

Kelsey Kreiling

View More author details

Table of Contents (25) Chapters

Preface

1. Introduction

2. Part 1: So, You Want to Build a Website on Squarespace FREE CHAPTER

3. Chapter 1: Choosing Your Platform – to Squarespace or Not to Squarespace

4. Chapter 2: Preparing to Build Your Site – Making an Outline and Gathering Your Assets

5. Part 2: Design and Build Your Site

6. Chapter 3: Setting Up Your Squarespace Site

7. Chapter 4: Getting Started – Creating and Editing Your Site Header

8. Chapter 5: Design Essentials – Color and Typography

9. Chapter 6: Building Your First Pages and Sections

10. Chapter 7: Using Content Blocks and Building Forms

11. Chapter 8: Optimizing Your Site for Mobile

12. Chapter 9: Using Custom Code to Enhance Your Website

13. Part 3: Give Your Site Superpowers

14. Chapter 10: Commerce – Selling Items, Subscriptions, and Services

15. Chapter 11: Blogging – Sharing Your Ideas

16. Chapter 12: Member Areas – Selling Your Knowledge and Protecting Your Content

17. Chapter 13: Scheduling – Selling Your Time and Sharing Your Availability

18. Part 4: Launch Your New Website

19. Chapter 14: Prepare to Launch Your Site

20. Chapter 15: Connecting Your Domain and Making It Live

21. Chapter 16: Understanding Analytics and Setting Up SEO

22. Chapter 17: Keep Growing Your Site with Marketing Tools

23. Index

Why subscribe?

24. Other Books You May Enjoy

Viewing and reviewing your website in mobile view

There are two ways you can simulate mobile screen sizes when editing your website: device view and resizing your browser window. Let’s look at both.

Device view

The first is to use the device view button found in the top-right corner of your site’s preview screen, as shown in Figure 8.2:

Figure 8.2 – Mobile View button

In the top-right corner, you have a set of three icons: a small desktop, a mobile device, and an arrow that will hide the editor so you can see your site in fullscreen. Clicking between these two screen options will show you a preview of how your site looks at each screen size – approximately 1,040 px (desktop) and 640 px wide (mobile).

At the time of publication, there is no option to view your site in tablet sizing, and there are some spacing issues that can be frustrating to resolve. Squarespace expert Will Myers has created a simple code injection...