> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/triumph/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/triumph/template/shared-settings/section-mobile-layout.md).

# Section mobile layout

Use '**Top / bottom spacing**' to adjust the space above and below the section on mobile devices:

* **Default** – Uses the theme’s mobile spacing settings in the '*Mobile top/bottom section spacing*' scale under *Theme settings ->* [*<mark style="color:$primary;">Layout</mark>*](/triumph/theme-settings/theme-settings.md#layout).
* **Custom** – Activates the '**Custom top / bottom spacing**' scale (0–100 px).

Activate the '**Remove bottom spacing**' to eliminate an extra space below the section.

**Columns**\
Choose how many items appear in each row (1 or 2).

**Carousel**\
Controls how content is displayed on mobile:

* **Enabled**\
  Displays banners in a swipeable carousel based on the selected number of columns.
* **Disabled**\
  Shows banners in a simple stacked layout using the selected number of columns.

{% hint style="success" %}
Example from the '*Banners carousel*' section.
{% endhint %}

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2FAKUt8M2548LjY6aPTVMQ%2Fbanners%20carousel_mobile.png?alt=media&amp;token=082c9932-6490-49c1-a83d-aa3c394c2151" alt=""><figcaption></figcaption></figure>