Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Native troubleshooting

This guide explains some of the most common issues that arise when using the Native template.

I can’t adjust the size of my Header Spacing.

The Header Spacing tweak in the Site Header section of the Style Editor adjusts the space between the navigation and the page content.

If your browser window is narrower than 1052 pixels, the header spacing disappears. This is a feature of Squarespace responsive design, which adjusts to best fit the browser or device your site is viewed on.

If you widen the browser window to 1052 pixels or wider, the header spacing will appear.

How do I turn my rectangular images into circles?

The Squarespace platform doesn’t have a built-in option for editing the shape of photos, but there are some ways to get circular images to display.

When you add an excerpt to a blog post in Native, the thumbnail image for that post will display as a circle in blog view.

You could also create a Cover Page with the Focus layout. Add multiple images to create a slideshow that will automatically rotate.

Aside from those options, the best way to create circular images for other pages is to use a photo editing program such as Photoshop.

My background image isn't fixed on mobile

Many mobile browsers, including IOS, don't support fixed background images. To achieve a similar effect, experiment with the Size: Cover and Size: Contain background image style options. Note that background image style settings apply to both mobile and desktop.

For more help, visit our responsive design troubleshooting tips.

Was this article helpful?
0 out of 10 found this helpful
Native troubleshooting