Multi-column
Arrange content blocks in a flexible multi-column layout. Use this section for feature grids, image-text pairings, comparison layouts, or any content that benefits from a columnar structure.
Configure the Section
- In the theme editor, click Add section.
- Select Multi-column.
- Add blocks (images, text, buttons, containers) to build your layout.
Section Settings
| Setting | Description |
|---|---|
| Section width | Page width, Full width, or Custom (60–100%). Default: Page width. |
| Section height | Auto, Full screen, or Custom. Default: Auto. |
| Content direction | Column (stacked) or Row (side by side). Default: Row. |
| Stack on mobile | Collapse row layout to stacked on mobile. Default: On. |
| Horizontal alignment | Start, Center, End, or Space between. Default: Center. |
| Vertical alignment | Start, Center, or End. Default: Center. |
| Content gap | Spacing between blocks. Range: 0–100px. Default: 12px. |
| Padding | Top and bottom padding. Range: 0–100px. |
Blocks
| Block | Description |
|---|---|
| Image | Add an image to a column. |
| Text | Add heading or body text. |
| Button | Add a call-to-action button. |
| Container | Group multiple blocks together in a sub-layout. |
| Divider | Add a visual separator between blocks. |
| App blocks | Third-party app content. |