Sections and columns
A Section is a box that holds other elements. Use it to put elements side by side, or to give a group of elements a background.
- Insert a Section and drag elements into it.
- On the Content tab, choose the number of Columns: 1 to 4.
- With more than one column, choose the Size ratio, for example Equal, 1:2 or 2:1, or Custom.
- Choose the Mobile orientation: Left on top, Right on top or Keep columns (columns stay side by side on phones).
If you reduce the number of columns, the columns at the end are removed together with their content.
On the Styles tab: Background (color or image), Border, Width, Shape, the vertical Alignment of the columns and the Gap between them. In popups, you can also make a section's Height Full.
Sections, columns and menus are part of the plans with the Elements feature.
Header and footer
A header and a footer are sections that appear on every page, for example with your logo and a link to your terms. On each page, you can choose Hide header on page or Hide footer on page. Turn on Make absolute in the header's or footer's settings to let it float over the page instead of taking up space.
Divider
A Divider is a line between elements. Set its Color, Border style, Size (length and thickness), Shape and Alignment. You can add an Icon in the middle of the line, and adjust it under Display settings.
Spacer
A Spacer adds empty space. Drag its handle on the page, or type the height in pixels (5 to 500).
Click the icon on a divider to open Divider icon, where you set the icon's size, alignment and gap. A spacer's handle says Drag to resize spacer height.