Adding a Column to a Page

The Row Column element allows you to vertically divide a page or section into multiple parts with flexibility and responsiveness across different devices.

To add a Row Column to a page:

• Open the page editor by navigating to Dashboard > Website > Pages > Create a New Page or click the existing page.
• Click the “Insert” button in the left panel.
• Under the “Layout” heading, drag and drop the "Row Column" element into the page editing area (typically into a section) on the right.
• By default, the Row Column element contains three columns in one row.

• To add more columns:
  • Click the "" icon in the "Column" label, and then select "Duplicate", or
  • Right-click any column and select “Duplicate”, or
  • Click the "" icon at the top of the blue bar.

• You can add more rows by using the same "Duplicate" action, or dragging or dropping another Row Column element into the page.

• You can modify the width of each column by dragging the blue bar left or right.
• You can then add text content or more elements within each column.

Row Options

You can configure the Row Options to optimize the layout and ensure it looks clean and professional.

• Reverse Column Order on Mobile: By default, columns are displayed in the order “Column One, Two, Three” (with Column One at the top and Column Three at the bottom). You can reverse this order for mobile devices by enabling this option.

• Stretch Columns Vertically to Fill: Stretch columns to fill the row height. Turn this off to use Vertical Align, which positions the columns at the top, centre or bottom of the row.