This guide explains questions and issues that may come up when using the Native template.
Tip: For general help, see the Native template guide.
Can’t adjust the header spacing.
Use Header Spacing tweak in the Site Header section of Site Styles to change 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 changes 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 rectangular images into circles?
There are two ways to create circular images using Native's built-in options:
- Add an excerpt to a blog post in Native. The thumbnail image for that post displays as a circle on the blog landing page.
- Add a Cover Page with the Focus layout. Add multiple images to create a slideshow.
Aside from those options, the best way to create circular images for other pages is to use a third-party photo editing program. This is how our designers made the circular images on Native's demo About page.
Here's an example of the post thumbnail option:
And here's an example of the Cover Page option:
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 Troubleshooting cropping issues.