Navigate to <https://account.squarespace.com/>

There will be two icons to view your website in desktop or mobile view. The one to the left is the default and is your desktop view.

Always view what your edits look like in mobile view by clicking the right phone icon.

Once you are in this view, click "EDIT". 

Navigate to an area you feel is not optimized for mobile viewing.

For this example, you'll notice the text is very small and something we'll want to fix.

Double-click on the text to edit it.

Maintaining your website made simple, all at your fingertips.

In this example, the text has been enabled to fit the width of the page. 

Click the text icon to fix this.

Once selected, the font will become responsive within the area of content.

You can also fix the spacing throughout your page. Click into the area you want to fix.

On the bottom of the selected area, select the middle point and drag the section upwards.

You can also move the text around by selecting an entire section of text and moving it upwards.

Below are easy-to-follow guides for common tasks that you can handle yourself on your SquareSpace website. Browse helpful SquareSpace articles curated for you by Natalie, or follow her custom how-to guides. 

If you require further assistance, reach out to Designs by Nat for custom website edits, maintenance, or support customized to your needs.

Finally, you can limit the amount of space between the next section by selecting outside of the text into the section.

TEXT
Curated resources
TEXT

Below are easy-to-follow guides for common tasks that you can handle yourself on your SquareSpace website. Browse helpful SquareSpace articles curated for you by Natalie, or follow her custom how-to guides. 

If you require further assistance, reach out to Designs by Nat for custom website edits, maintenance, or support customized to your needs.

Click the "Row Count" field and edit the amount up or down. 

You'll notice the grid expand or contract, which is the area you can move around your content.

Here's another example below of adding more padding to the top of a section. 

Click "EDIT SECTION"

Move the text in the middle of the grid by clicking and dragging accordingly.

You can also change the background of an image to appear optimally. For example, you may have text that spans over it and is hard to read.

Click into the section with the image.

TEXT
Require further assitance?
TEXT

Designs by Nat also offers website maintenance options catered to your needs.

BUTTON
Web maintenance options

Click within the background image to move the focal point.

In this case, we'll move the focal point to the bottom right.

Once the image background is situated where you'd prefer, move your text accordingly to manage spacing. 

Designs by Nat also offers website maintenance options catered to your needs.

In this case, we are moving the text up and then shortening the length of the text box.

Furthermore, clicking on the button allows you to move it up closer to the text.

Click on the right side of the button to drag the width to be larger or smaller.

Once you are satisfied with the spacing, review the amount of padding you have on the bottom of your section.

In this case, there's too much. Click within the section.

Once you're satisfied with your changes, Click "SAVE".

How to optimize web design for mobile