Organizing Elements into Columns

To organize elements into two, three, or even four responsive columns, follow these steps:

  1. Click Add Element

  2. Click Container to create a new Container element.

  3. Set Type to Columns. This will split the container into two columns of equal width.

  4. (Optional) Adjust the widths of the columns as needed or add additional columns (up to four). Note that the minimum allowed width for a column is 25%.

  5. Drag and drop elements into each column.

  6. You're done! The columns will responsively adapt to mobile screens, but if more control over how they adapt is needed, click the Appearance tab, set Mobile to Manual, then adjust the mobile properties as needed.