The Multicolumn section is designed to display a series of content blocks (columns) side-by-side. It’s ideal for showcasing features, values, benefits, or services—for example, highlighting brand qualities, product advantages, or key information in a visually organized layout.
Each column acts as a container for other blocks (like images, titles, and text), giving you flexible control over how content is presented.
Section settings
-
- Color scheme: Select a color scheme to match your theme’s style and improve contrast for readability.
- Section width: Choose how wide the section should appear:
Page: Keeps content within the main page container.Full: Extends content edge-to-edge across the browser window.
- Heading & size: Add an optional main title displayed above the columns, and choose the heading tag (H1-H6) based on visual hierarchy.
- Text & size: Add an introductory paragraph beneath the heading, and adjust its text size.
- Text align: Set the horizontal alignment for the section heading and description (
Left,Center, orRight). - Desktop layout:
- Desktop view: Choose whether to display the columns as a standard
gridor as a horizontalslideshow. - Desktop columns: Define how many columns appear side-by-side on desktop screens (1 to 6).
- Desktop view: Choose whether to display the columns as a standard
- Mobile layout:
- Enable mobile slideshow: Converts the grid layout into a swipeable slider on mobile devices (highly recommended to save vertical space).
- Mobile slides per view: Define how many columns appear side-by-side on mobile screens (1 to 3).
- Slideshow settings: If you are using a slideshow layout (desktop or mobile), you can control:
- Enable loop: Allows the slider to loop back to the beginning infinitely.
- Autoplay & speed: Automatically rotates the columns at your defined speed.
- Show navigation / pagination: Toggles arrows and dots below the slider.
- Top padding / Bottom padding: Control vertical spacing above and below the section.
Blocks: Columns
This section utilizes the Column block, which acts as a wrapper. Once you add a Column block, you can then add standard content blocks (like Image, Heading, Text, and Button) inside that column to build your content cards.