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 eah 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: Vertically align the content in each column to the Top, Middle, or Bottom. This is particularly useful when the content in columns varies in length.