Spacer
The spacer block inserts empty vertical space between content blocks. Rather than offering a single fixed height, it takes a mobile value and a desktop value and uses CSS clamp() to scale proportionally between them as the viewport width changes. This means spacing always feels intentional – compact on phones, generous on wide screens, and smooth everywhere in between.
Settings
Section titled “Settings”| Setting | What it does |
|---|---|
| Mobile Spacing | Height in pixels at mobile viewport (414px). Range: 0–200px in 4px steps. |
| Desktop Spacing | Height in pixels at desktop viewport (1600px). Range: 0–400px in 8px steps. |
Used in
Section titled “Used in”- The default values (24px mobile, 96px desktop) provide a comfortable 4x scale ratio. Adjust both values together to maintain a consistent feel.
- Set both values to 0 to effectively hide the spacer without removing it – useful for quick layout experiments in the customizer.
- This block is best used between major content groups within a section. For fine spacing adjustments between adjacent text blocks, the section’s own padding settings are usually a better fit.