Layout

This guide describes the Theme editor's Theme settings > Layout menu options.

Use the menu options to define how spaces and borders between sections are displayed throughout your store. Refer to Shopify help: Layout.

The previous image shows a store's home page. In the upper left, part of the Theme editor's Theme settings > Layout menu is displayed. The menu's Show border between sections option is enabled. This option displays borders between the store's sections. The setting is applied to display a border above and below the store's "Why Pats?" Rich text section.

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

Configure Layout

To configure your Layout settings:

1. In the Theme editor, go to Theme settings > Layout.

2. Select a setting described in the following table.

Setting name	Description
Vertical spacing between sections	Use the Vertical spacing between sections options to add more or less vertical space between your store's sections. The options are Small, Medium or Large.
Show border between sections	Set the Show border between sections option to on or off. Enable this option to display borders between your store's sections.
Border color	Use the Border color picker to specify a color to apply to the borders displayed between your store's sections.
Thickness	Adjust the Thickness slider between 1 and 4 px (pixels). This option specifies a thickness for the borders displayed between your store's sections. To use this option, set the Show border between sections option to on.
Section headers > Subheading position	Use the Subheading position to set the position for section header subheadings to Above title or Below title.

Note

To connect a metafield to a setting that supports metafields, select the Connect dynamic source icon displayed beside the setting in the Theme editor.

To learn how to connect a metafield to a supported setting, refer to Shopify help: Connecting metafields to your theme by using the Theme editor.