Skip to content

🎁 BFCM is live! Save up to 30% on EComposer and unlock a free Feature Pack. Explore deals

🎁 The4 BFCM: 15% off Athora & Vetro + free homepage setup & 6 months of EComposer Standard free. See the deal

4.93,472 reviews on the Shopify App Store Install free New to Shopify?Open your store

Spacer

The Spacer element allows you to add vertical space between sections or elements, helping you create a cleaner and more balanced page layout.

1. Add the Spacer element

From Basic tab, you can drag and drop the Spacer element to anywhere that you are wanting to add spacer to.

2 .Configure the spacing

Select the Spacer element, then adjust the Space setting to control its height.

You can use the following units:

  • EM: Sets the spacing relative to the current font size.
  • PX: Sets a fixed spacing value in pixels.
  • VH: Sets the spacing based on the height of the browser window.

You can also configure different spacing values for Desktop, Tablet, and Mobile to ensure your page displays properly on every device.

Note: The Spacer element is mainly used to create vertical space. To adjust the space around a section or element, you can also use the Margin and Padding settings under the Design tab.

Last updated

Was this page helpful?