White space ​

This guide describes setting up the White space section.

Use the section to add an area of empty or "white" space to a page.

​

​The previous image shows a White space section on a store's Homepage. The section adds an area of empty space between the page's Header and Hero logo sections. In the upper left, part of the Theme editor section menu is displayed. In the menu, the section's Desktop height slider is set to 240px (pixels). The slider specifies a height for the section.

For general guidance with modifying sections, refer to Sections overview, and Shopify help: Sections and blocks.

Set up a White space section ​

To set up a White space section:

1. Go to Customize theme.

   In Theme editor, at the top of the page, use the dropdown to select a template that contains a White space section.

   Note

   In Theme editor, with the exception of Checkout, Password, and Gift card pages, you can add/remove the section to the Header, Footer, and Overlay areas of any page, and to the Hero area of the Homepage

2. From the side menu, select White space.

   

3. Select a setting described in the following table.