Organizing Elements into Columns

To organize elements into two, three, four, or even five 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 five). Note that the minimum allowed width for a column is 20%.

  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.