Appearance

Sidebar ​

This guide describes the Theme settings > Sidebar menu options.

Use the menu to set default options for displaying the Sidebar section. The section provides store visitors with a sidebar menu for navigating the pages in your store. Refer to Sections > Sidebar.

An example store's homepage with the Theme settings's Sidebar menu open in Theme editor.

In the previous image, a Sidebar is displayed on the left side of a store's homepage. The Sidebar includes a menu with links for navigating the store's pages.

Important

After you enable the sidebar in Theme settings, follow the steps to Set up a Sidebar section to configure additional settings for the Sidebar section.

For general guidance with adjusting a theme setting, refer to Settings overview and Shopify help: Theme settings.

Configure Sidebar ​

To set how the Sidebar is displayed on your store's pages:

  1. Go to Theme settings > Sidebar.

    The Theme setting's Sidebar menu.

  2. Select a setting described in the following table.

Setting nameDescription
Enable sidebarSelect the Enable sidebar checkbox to show/hide the Sidebar section. With this setting set to on, Theme editor displays the section in the Sidebar area of all page templates, excluding the Checkout, Password, and Gift card pages. The sidebar is not enabled by default.
Show logoSelect the Show logo checkbox to show/hide logo image(s) inside the Sidebar area. With this setting set to on, logo images are removed from the Header area and displayed inside the Sidebar area on desktop display devices.
Show copyrightSelect the Show copyright checkbox to show/hide the copyright symbol © inside the Sidebar area.
LayoutSelect the Layout radio buttons to set the Sidebar's layout to one of the following options:
  • Screen height. Sets the Sidebar to fill the entire length of the page, from above the Header area to the bottom of the page.
    • or
  • Under header and hero groups. Fits the Sidebar into the area from below the Header and Hero areas to the bottom of the page.
AlignmentSelect the Alignment radio buttons to position the Sidebar to the Left or Right side of the page.
WidthUse the Width dropdown to set the Sidebar's width to one of the following options:
  • One sixth (1/6). Set the width of the Sidebar to occupy one sixth of the page's width.
  • One quarter (1/4). Set the width of the Sidebar to occupy one quarter of the page's width.
  • One third (1/3). Set the width of the Sidebar to occupy one third of the page's width.
  • Five twelfths (5/12). Set the width of the Sidebar to occupy five twelfths of the page's width.
  • One half (1/2). Set the width of the Sidebar to occupy half of the page's width.
Max width of contentAdjust the slider Max width of content to set a maximum width for the Sidebar's content area. The slider ranges between 240px (pixels) and 720px.
Color schemeUse the Change dropdown to set the section's color scheme to Scheme 1 or Scheme 2. Select Edit to configure the current color scheme. Refer to Theme settings > Colors.