Columns allow you to position elements side by side, making it easy to create horizontal layouts. You can drag elements into a column element to define horizontal drop zones.

How to Add Columns

Columns are ideal for arranging content horizontally on a page. Simply drag the Column element onto your page.

Styling the Column Element

Changing the Number of Columns
You can adjust the number of columns in a Column element, up to a maximum of six.

Adjusting Column Sizes
Column widths can be customized via the right-hand menu. Note: On smaller screens, column widths are equal and not adjustable.

Changing Column Spacing
Control the spacing between columns to increase or decrease the gap between your content.

Columns on Mobile

The Stack on small screens toggle determines how columns display on mobile devices:

• Disabled: All columns stay in a single row.

• Enabled:

  • 3 or fewer columns stack vertically, one per row.

  • 4 or more columns stack in two columns per row.