Flex sections are rows with two default flex columns that create a basic layout. Once you add a section, you can add, remove, or rearange additional columns, flexboxes, or advanced grids to create your desired layout. Then you can add widgets to that layout.
To add a section:
Hover between rows, and click +Add Section. Or, right click to open the context menu, click Add, then select Flex section.
In the side panel, click Flex Sections.
Select the desired flex section.
To delete a section, right click to open the context menu and select Delete. Or, click the delete icon on the floating menu.
Once you’ve added a section to your site, you can add columns to contain widgets within the section. All sections contain columns by default, but you can still add additional columns.
To add a column:
Click to select an existing column.
In the floating menu, click the three horizontal dots icon (), then select Add column. Or, click the plus icon on either the left or right edge of the column.
You can duplicate a column and it will be added to the right of the original card. You cannot add columns that will exceed 100% of the width, including spacing.
To duplicate a column:
Click to select a column.
On the floating menu, click the Duplicate icon. Or, you can right click the column to open the context menu and select Duplicate.
You can delete a column to remove it from the section. However, each section must contain at least one column, meaning you cannot delete the last column from a section.
To delete a column:
Click to select the column.
In the floating menu, click the Delete icon. Or, you can right click the column to open the context menu and select Delete.
You can add widgets to columns, flexboxes, or advanced grids in several different ways. If you are already in flex mode, you can add widgets directly from the side panel by clicking Widgets, then selecting the desired widget.
To add a widget:
- Click a column, flexbox or advanced grid to select it.
- Click the plus icon in the middle of the column, flexbox, or advanced grid. Or, click the plus icon in the floating menu.
- Select a widget.
You can also add widgets from the layers panel.
To add a widget from the layers panel:
- Click to select a column.
- In the side panel, click Layers.
- In the layers panel, hover over the column, flexbox or advanced grid you want to add a widget to and click the plus icon.
- Select a widget.