Having a mobile friendly website is now very important for any business moving forward.  So greater emphasis must be placed on providing a great user experience as Search Engines prioritise website that account for this, by looking at how your website responds when being viewed from a mobile device. 

In this tutorial, I will show you how to resize font sizes on Squarespace for mobile screens.

Complexity: Easy

To change font size on Squarespace for mobile screens, simply copy the code below:

Mobile Breakpoints

Use this code to resize font size

For a full working example which you will paste in your Design > Custom CSS is shown below:

From your Squarespace account, go to the Custom CSS Editor. paste the code into the Custom CSS editor box. You can then adjust the font-size value to your desire size e.g ‘font-size: 1rem ! important’ to ‘font-size: 0.5rem ! important‘.