# Multicolumn

<figure><img src="/files/9OsELiJdCSXTSFf1EiTu" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Steps:**&#x20;

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Multicolumn**
3. Make necessary changes. > **Save.**
   {% endhint %}

## General Settings

<figure><img src="/files/XxnwvtpKZzfmGayCn3WN" alt=""><figcaption></figcaption></figure>

* **Width** - With of this section 3 options : Container / Stretched / Full width
* **Subheading**&#x20;
* **Heading** - Heading of this section
* **Heading size** - From Heading 1 to Heading 6
* **Description** - Description of this section
* **Layout** - *Horizontal / Vertical*

### View all button

* **Link url**  - Link for button in Header section
* **Link text** - Text for button
* **Button type**  -  there are 7 Options button
* **Show arrow icon**

### Column settings

<figure><img src="/files/PDmUAecTgbTOInkdtcFr" alt=""><figcaption></figcaption></figure>

* **Image width**  - Small / Medium / Large / Xtra large / Full width
* **Image ratio -** Adapt to image / Square (1:1) / Portrait (3:4) / Landscape (4:3) / Landscape (5:3.5) / Wide (16:9)
* **Column heading size** - from Heading 1 - Heading 6
* **Column alignment** - Left / Center / Right

### **Grid settings**

<figure><img src="/files/sP94v7QjOb5z1H8So9C7" alt=""><figcaption></figcaption></figure>

* **Stack columns** -  Display columns in a grid layout. ( If disable Layout columns is carousel )
* **Show carousel progress bar**
* **Enable overflow visible** - When this feature is enabled, the Carousel will be allowed to overflow from the container
* **Column (Desktop) -** Number columns per row for desktop

### Mobile Layout

<figure><img src="/files/xJ5Yk4QQenQb1X7zAx8h" alt=""><figcaption></figcaption></figure>

* **Columns on mobile** : 1 column / 2 columns ( When stacked products are enabled.)
* **Column gap (mobile)**
* **Enable swipe on mobile**

### Colors

<figure><img src="/files/lO3No6N1xgS1wu5SBX7z" alt="" width="280"><figcaption></figcaption></figure>

* **Background**
* **Text color**

### Section padding

<figure><img src="/files/LBq81hS9G4lOzLHuSNRz" alt="" width="280"><figcaption></figcaption></figure>

* **Top padding**
* **Bottom padding**

## **Block settings**

{% hint style="success" %}
Steps:

1. Locate **Multicolumnt.**
2. **Add Column.**
3. Make necessary changes. > **Save.**
   {% endhint %}

<div><figure><img src="/files/HZaljdap2eFjB2hMKchC" alt=""><figcaption></figcaption></figure> <figure><img src="/files/Zop9nkWl4Y628sl19meM" alt=""><figcaption></figcaption></figure></div>

* Image&#x20;
* Image link
* Heading&#x20;
* Description
* Button
* Button link
* Button style
* Show arrow icon


---

# 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://oranthemes.gitbook.io/nimbus-theme/theme-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.