This guide explains questions and issues that may come up when using the Native template.
Tip: For general help, see the Native template guide.
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.
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:
Navigation menu displays the wrong page on mobile
Native's navigation menu will sometimes display the last selection you made rather than the current page, especially if you've tapped the Back button on your browser.
- If you tap the navigation menu, then tap outside the menu without selecting a page, Navigation displays.
- If you tap through several pages in the navigation menu, then tap the Back button in the browser, the previous page displays.