View Categories

Multicolumn

2 min read

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 (LeftCenter, or Right).
    • Desktop layout:
      • Desktop view: Choose whether to display the columns as a standard grid or as a horizontal slideshow.
      • Desktop columns: Define how many columns appear side-by-side on desktop screens (1 to 6).
    • 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 ImageHeadingText, and Buttoninside that column to build your content cards.