# Multicolumn

### Multicolumn

The Multicolumn section lets you display content in multiple side-by-side blocks. Each column can include an image, heading, text, and optional buttons. It’s a flexible way to highlight features, collections, services, or promotions in a clean and structured layout.

\
![](/files/SDdlx3c7enfvHr6a1lam)

To add and customize your collection list section:

1. Go to the theme editor (**Customize**), click **Add section > Multicolumn.**
2. Select a **Layout** (List or Slider).
3. Adjust **Maximum columns** for desktop and mobile.
4. Choose **Image aspect ratios** and positions for desktop and mobile.
5. Set **Text alignment** and **Position** for both desktop and mobile.
6. Add a **Caption** and a **Heading** to introduce the section.
7. Apply a **Color scheme** for background and text.
8. Edit each column block by adding an **Image, Heading, Text, and Buttons.**

### Multicolumn Settings Reference

| Setting                                                        | Description                                                             |
| -------------------------------------------------------------- | ----------------------------------------------------------------------- |
| <p>Layout (List / Slider)<br></p>                              | Choose between a static list or a horizontal slider layout.             |
| Color scheme                                                   | Color scheme                                                            |
| Slider - Slides width on desktop                               | Define how columns appear on desktop (Auto or Fit columns).             |
| Slider - Slides width on mobile                                | Define how columns appear on mobile.                                    |
| Slider - Navigation buttons position (In / Out / None)         | Place slider arrows inside, outside, or hide them.                      |
| Slider - Show scrollbar                                        | Adds a scrollbar under the slider for easier navigation.                |
| Content Options - Maximum columns on desktop                   | Set how many columns appear side by side on desktop.                    |
| Content Options -  Position on desktop (Left / Center / Right) | Align section content horizontally on desktop.                          |
| Content Options - Text alignment on desktop                    | Align text within each column (left, center, right).                    |
| Content Options - Image aspect ratio on desktop                | Choose how images are cropped on desktop (Portrait, Square, Landscape). |
| Content Options - Image position on desktop (Top / Bottom)     | Set whether the image appears above or below the text.                  |
| Content Options - Maximum columns on mobile                    | Set how many columns appear side by side on mobile.                     |
| Content Options - Position on mobile (Left / Center / Right)   | Align section content horizontally on mobile.                           |
| Content Options - Text alignment on mobile                     | Align text within each column on mobile.                                |
| Content Options - Image aspect ratio on mobile                 | Choose how images are cropped on mobile.                                |
| Content Options - Image position on mobile (Top / Bottom)      | Choose whether the image appears above or below the text on mobile.     |
| Caption & Heading - Caption                                    | Small text displayed above the section heading.                         |
| Caption & Heading - Heading                                    | Main title for the section.                                             |

<br>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://raidho.gitbook.io/monterrey-theme/sections/editor/page-sections/multicolumn.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.