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

Squarespace templates display sidebars as part of their layout. There are two types of sidebars:

  • Content sidebars - These have editable blocks areas so you can add text, images, links, and more. Depending on the template, they may only appear on specific collection pages, like Blog Pages, or site-wide.
  • Navigation sidebars - Some templates display navigation links in a sidebar on all pages, rather than at the top of the site.

This guide explains how to add blocks to a content sidebar and which templates offer sidebars.

Watch a video

Before you begin

  • Sidebar content doesn't transfer between templates. To learn more, visit Switching templates.
  • In most templates, content sidebars display at the bottom of the page when viewed on mobile devices to help with responsive design. In Ishimoto, sidebars don't display on mobile devices.

Editing your site's sidebars

For any sidebar, you'll make changes to style elements such as fonts and colors with the Style Editor

To adjust what displays in navigation sidebars:

  • Add and rearrange the links in the Pages panel.
  • If the site title, logo, and tag line display in the sidebar navigation, you can adjust them in the Site Title & Logo panel.

To adjust the content of a sidebar, follow the steps below.

Step 1 - Open the sidebar editor

To edit a content sidebar, open a page on your site where the sidebar displays. Click the Hide Arrow or press Esc.

Hover over the sidebar and click Edit in the annotation.

Note: On smaller screens, your sidebar may appear at the bottom of the page. Hover over the content area to confirm that the annotation is labeled Sidebar before editing.

Step 2 - Add blocks

Click an Insert Point to add a Content Block. One of the best blocks for the sidebar is the Archive Block. You can use this to create text-only lists of content by date, category, tag, or author.

Select a block from the Block Menu. Some popular blocks for sidebars are:

Continue adding blocks until you've added all your desired content to the sidebar.

Step 3 - Create a Layout

To preserve the width of a sidebar, Content Blocks can only be stacked on top of each other. To reorder the content in a sidebar, click and drag the blocks.

Step 4 - Save

Click Save to publish your changes.

The Sidebar Editor will close. Depending upon your template, the blocks in your page sidebar will appear similar to this:

Sidebar options by template

Sidebar navigation

The following templates support sidebar navigation:

Additionally, BedfordAnyaBryant, and Hayden support a special sidebar navigation for folders and Index Pages.

Content sidebar

The following templates support a content sidebar:

Note: Before making changes to a sidebar’s display in the Style Editor, first navigate to the page you’d like to edit, then to the Design panel. This ensures that you see the sidebar style options relevant to that page.
Template Display Steps to customize in the Style Editor
Avenue Enabled for Blog Pages when site Layout Style is set to Left or Right within the Style Editor. Set the sidebar display:
  1. In the Home Menu, click Design, and then click Style Editor.
  2. Scroll down to Blog Styles and click Blog Sidebar Display.
  3. Select Auto, Right, Left, or Hidden.
Bedford, Anya, Bryant, Hayden Enabled for Blog Pages and unique to each Blog Page. Disable for all Blog Pages:
  1. In the Home Menu, click Design, and then click Style Editor.
  2. Scroll down to Sidebar and check Hide Blog Sidebar. 
Five Enabled for all pages within each page’s settings. Set the sidebar display:
  1. Hover over the page title and click the gear-icon.
  2. In Page Settings, scroll down to Page Layout.
  3. Click the drop-down to select One Sidebar, Split Sidebars, Full Width (no sidebar), or Two Sidebars.
Forte Enabled for Blog Pages. Set the sidebar display:
  1. In the Home Menu, click Design, and then click Style Editor.
  2. Scroll down to Blog and click the Sidebar Position drop-down.
  3. Select Right, Left, or Hidden.
Galapagos Enabled for Blog Pages. Disable:
  1. In the Home Menu, click Design, and then click Style Editor.
  2. Scroll down to Blog and uncheck Enable Blog Sidebar.
Ishimoto Enabled for Blog Pages. Set the sidebar display:
  1. In the Home Menu, click Design, and then click Style Editor.
  2. Scroll down to Blog Styles and click Blog Sidebar.
  3. Select Right, Left, or Hidden.
Montauk, Julia, Kent, Om Enabled for Blog Pages. Set the sidebar display:
  1. In the Home Menu, click Design, and then click Style Editor.
  2. Scroll down to Blog Styles and click Blog Layout.
  3. Select Center (no sidebar), Right Sidebar, or Left Sidebar.
Skye, Foundry, Indigo, Ready, Tudor Enabled for blog posts.  

Set the sidebar display:

  1. On your website, open an individual blog post.
  2. In the Home Menu, click Design, and then click Style Editor.
  3. Scroll down to Blog Post Options.
  4. Enable or disable the sidebar with the Show Sidebar tweak.
  5. Adjust its size with Sidebar Width.
  6. You can also choose to display the Author Profile above the sidebar content.
Wells Enabled for all pages and appears below navigation and social icons as Header Content. Enable an additional sidebar on the Blog Page:
  1. In the Home Menu, click Design, and then click Style Editor.
  2. Scroll down to Main Content and click the Blog Sidebar.
  3. Select Hide, Left, or Right.

It’s considered a best practice to delete the content from the blog sidebar when it's hidden. To learn more, visit Wells troubleshooting.

Wexley Enabled for Blog Pages. Set the sidebar display:
  1. In the Home Menu, click Design, and then click Style Editor.
  2. Scroll down to Blog and click Blog Sidebar.
  3. Select Right, Left, or Hidden.
Was this article helpful?
55 out of 102 found this helpful