How to add a spacer to my website?

Use spacers to add additional space between the objects on your website. It can help you direct the focus of the visitors to important areas and gives you more options for page design.

How to add a spacer?

  1. When in the Website Builder editor, click on the Add elements button.
  1. Drag and drop the Spacer element into your page content. Note that the editor will highlight the spots where you can drop it.

How to edit a spacer?

Click on the spacer to open the settings toolbar.


Click on the double arrow icon and slide it up or down to adjust the spacer size.

Block settings

The spacer block is a framed workspace around your button with a Spacer label on the left. You can only see the frame after clicking on the object. It won’t be visible on your website.

You can customize its color, border, radius, and shadow.

Hide on mobile devices

Enable this option to hide your spacer while your page is opened on a mobile device.
You may want to use this option to make your page simpler for mobile users, for example when you are adding the same CTA button a few times for desktop view.