Multicolumn

The Multicolumn section allows you to create informative columns arranged side-by-side. It's ideal for presenting service descriptions, features, or key selling points in a structured layout.

This is a preset section — it can be added, removed, and reordered on any page.


How to Configure the Multicolumn

  1. In Shopify admin, go to Online Store → Themes.

  2. Click Customize next to the Elemento theme.

  3. In the theme editor, navigate to the desired page template (e.g., Home page) using the top preview dropdown.

  4. In the left sidebar, click Add section, then select Multicolumn, or locate it if it’s already added.

  5. Add and customize columns by entering content such as headings, text, SVG icons for each column.

  6. Adjust layout options like the spacing, and styles.

  7. You can drag and drop this section to reorder it on the page.

  8. Click Save.

Section Settings

Setting

Type

Description

Color scheme

Color scheme

Defines the visual style for the section.

Section Padding

Device
Setting
Type
Description

Desktop

Top padding

Range

Space above the section on desktop view.

Desktop

Bottom padding

Range

Space below the section on desktop view.

Mobile

Top padding

Range

Space above the section on mobile view.

Mobile

Bottom padding

Range

Space below the section on mobile view.


Blocks

Block: Column

Each block represents one text column in the multicolumn layout.

Setting

Type

Description

SVG Icon

HTML field

Optional SVG icon displayed at the top of the column.

Heading

Text field

Title or heading of the column.

Text

Text field

Descriptive text below the heading. Supports plain text (no rich text).