# Multicolumn

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FmZwwSCqWBDd17eZvfYJI%2Fimage.png?alt=media&#x26;token=a4cefcf2-ba92-49ce-9a7c-1094c8cc1e49" alt=""><figcaption></figcaption></figure>

You can utilize a multicolumn section to showcase your store's services and other details.

## How to add a Multicolumn section

{% hint style="success" %}
Steps

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

## How to edit a Multicolumn section

### Section settings

#### Section header

Use the provided text fields to add a suitable **Heading**.

* Leave it blank if you do not want to display it

You can also change the **Heading size** to:

* Heading xs
* Heading sm
* Heading md
* Heading lg
* Heading xl
* Heading 2xl
* Display md
* Display lg
* Display xl

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FbV0orOgPeorFvvfynOcu%2Fimage.png?alt=media&#x26;token=4d914030-8c0b-404d-9274-a538b23389f2" alt=""><figcaption></figcaption></figure>

#### Grid settings, Mobile layout

These sections are for modifying the column layout. You can adjust:

* **Text alignment**: Left/Center.
* **Grid settings**: Set the columns on desktop (2-6 columns) and mobile view (1-2 colums).
* **Column gap**: Set the gap between columns on desktop.
* **Enable swipe on mobile**.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FzHRe60Vx2GRDe88tDvwH%2Fimage.png?alt=media&#x26;token=02e43aed-43cf-41a1-a3a9-426a6b714384" alt=""><figcaption></figcaption></figure>

#### Highlight text

[How to apply Highlight text to the section heading and block headings?](https://docs.foxecom.com/sleek-theme/pages-global-sections/general-settings#highlight-text)

Use the provided text fields to add a suitable **Subheading** and **Text**.

* Leave them blank if you do not want to display them

You can also change the **Description size** to Small/ Base size/ Large to make the content look balanced on your website.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2F0E8BHBPwlywr6BNClObU%2Fimage.png?alt=media&#x26;token=4700ef87-1c8b-4a97-9c75-5f8419b8a26e" alt=""><figcaption></figcaption></figure>

### Block settings

To each column, you can add an image and the content after it.

Leave any field blank to hide the element.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FvcGOpPcRlExvZNZzIOAR%2Fimage.png?alt=media&#x26;token=b8c54567-21f9-4e91-b44f-7dc9832187c8" alt=""><figcaption></figcaption></figure>
