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

This guide explains some of the most common issues that may come up when using the Five template.

How do I remove the sidebar or sidebars?

Open the Page Settings in the Pages panel by clicking the for that page. In the Page Layout drop-down menu, choose Full Width to hide all sidebars.

There’s a big blank space above the page content on mobile, but the site looks normal on desktop.

This can happen if you remove page banners by setting the Banner Area Height tweak to 0px in the Header section of the Style Editor. Squarespace templates are built with responsive design to make your site mobile-friendly and easier to navigate. In the mobile view for Five, the banner displays by default. If no banner image has been set for the page, it displays as a blank space.

If you want to remove the banner space in mobile as much as possible without using custom code, here’s one method:

  1. Go to the Header section of the Style Editor.
  2. Select Banner Content: Page Title Description.
  3. Uncheck Page Thumbnail as Banner.
  4. Open the Page Title and Site Tagline tweaks and set the font size to 8px.
  5. Set the Page Title Color and Site Tagline Color to transparent.
  6. Set the Header Background and Banner Overlay Color to transparent.
  7. Reduce Banner Area Spacing to 0px.

Page banner videos

Video banners won't display on mobile. Set a mobile fallback image to display in place of the banner video on mobile.

I can't add lowercase letters to Image Block captions.

Captions added to Image Blocks on the Five template will always be capitalized. As Five captions are fairly small by default, this helps make the captions more visible. 

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.

My sidebar content shows up in search results

Content in your sidebars will appear in search results, even if the sidebars are hidden. To remove the content from your site, temporarily enable your sidebars.

To do this without affecting your live site:

  1. Go to the Pages panel.
  2. In the Not Linked section, use the + icon to create a new, blank Regular Page.
  3. Open the Page's Settings by clicking the .
  4. Use the Page Layout drop-down to select Two Sidebars.
  5. Click Save
  6. Use the page editor to delete the content from the sidebars. This will affect all sidebars on your site.
  7. Click Save.
  8. Click the  to re-open the Page Settings and delete the page.

I can't change my Newsletter Block header color

In the Five template's Style Editor, the Heading Color tweak in the Newsletter Block section isn't active. Instead:

  1. In the Style Editor, scroll up to the Main Content section.
  2. Use the Heading 2 Color tweak to set the color. This will affect all Header 2 text on your site.

Extra content is appearing on my checkout page

Sidebar 1 content appears on your checkout page, even if you've hidden sidebars on your site.

To remove or edit this content, temporarily enable Sidebar 1 on any page on your site:

  1. Go to the Pages panel.
  2. Hover over any page and click the gear-icon to open page settings.
  3. In the Page Layout drop-down menu, choose One Sidebar
  4. Click Save.
  5. Hover over the content until the Sidebar One Content annotation appears.
  6. Click Edit.
  7. Delete or edit the blocks.

Once you've finished, you can go back to page settings and choose Page Layout: Full Width to remove the sidebar.

Was this article helpful?
7 out of 40 found this helpful