![resize image squarespace resize image squarespace](https://images.squarespace-cdn.com/content/v1/5d603ac3c0d1340001ba9dad/1594805865813-S36YT931AD1Z6CYK3PRP/Studio+Resource+Library.png)
Squarespace has a great 2 minute video on how this works in action here.Īn example of how blocks might not stack correctly on mobile could be if you had 3 image blocks with text boxes directly below. Don’t worry, you can often rearrange your blocks to make them display how you want. These blocks will stack vertically on your mobile, and may not always display in the order you want them to once they hit the smaller screen. When your website is viewed on a mobile, to account for the narrower screen, the content blocks on your page will change to a stacked view, rather than side-by-side to make sure everything on the page is still easy to read. We’ll go through all of these in more detail below. The focal point of images to make sure they are cropped in the right placeĪny large gaps on the page that look out of proportion on mobile How content blocks stack, to ensure they are in the right order on mobile When you are on the page editor, you can click the little line at the top of the page editor to select either the phone or table icon so you can see how your website will look on those screen sizes.įor every page you that you design, you want to scroll back through checking the mobile and tablet screen so you can can see how things look on the smaller screen sizes and make note of any updates you may want to make. Squarespace makes it super easy to see how your website will look on smaller screen sizes. This post will show you some of the updates you can make so the mobile experience is even better for your visitors. Squarespace templates are set up to be mobile responsive by default, so they will generally look ok on mobile, but there are still a few things you can do to make sure your website just as amazing on mobile as it is on your computer. We all know how frustrating those websites can be! Also, spacing out links and buttons so they are easily clickable with your finger, and making sure your website is as speedy as possible will help keep people hanging around.
![resize image squarespace resize image squarespace](https://www.shoutmeloud.com/wp-content/uploads/2017/10/squarespace-vs-wordpress-2-1-8.27.18-AM.png)
So, what makes a website mobile friendly? One of the most notable features of a mobile friendly website is that the text can be read easily without having to pinch and zoom or rotate your screen. This means that no only is the user experience on your website impacted, but you could lose out on the amount of traffic you get from Google searches. Not only do a huge amount of people view websites from their phone, but Google will penalize your website if it is not mobile friendly by reducing the number of searches your website appears in. Have you ever visited one of your favourite websites on your phone only to find it’s not very user friendly on the smaller screen? I know I sure have! These days over half of all website views are from mobile phones, so it’s more important than ever to have your website looking great and functioning well on smaller screen sizes.