Skip to content

Layout

This guide describes the Theme settings > Layout menu options.

Use the settings to define how spaces and borders are displayed, between areas of content, throughout your store. Refer to Shopify help: Layout

In the previous video, a Footer section is displayed below an Image with text overlay section on a store's homepage. To display a border between the two sections, in Theme settings > Layout, the checkbox option is enabled to Show border between sections.

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

Configure a layout

To configure the layout of spaces and borders:

  1. Go to Theme settings > Layout.

    The Layout menu in Theme setting.

  2. Select a setting described in the following table.

Setting nameDescription
Vertical spacing between sectionsUse the dropdown Vertical spacing between sections to set a size for the vertical space between sections of content. The dropdown options are Small, Medium or Large.
Show border between sectionsSelect the checkbox Show border between sections to turn on/ off displaying borders between sections of content.
ThicknessAdjust the Thickness slider to set the width for borders between 1 and 4 pixels (px). To use this setting, enable the option to Show border between sections.