# Layout

Layout settings in **Theme settings > Layout** control storefront horizontal margins, default spacing rhythm, and optional vertical scroll snapping for supported sections.

## How to change theme layout

{% stepper %}
{% step %}

#### Set margin and gap

* Open **Theme settings > Layout**.
* Set **Horizontal margin** to **Narrow**, **Standard**, **Wide**, or **Full**.
* Set **Gap size** (1–20 px) for default spacing in supported layouts.
  {% endstep %}

{% step %}

#### Optional: scroll snapping

* Turn on **Enable scroll snapping** if you want sections to snap to the viewport while scrolling.
* Open individual sections and set **Scroll snap alignment** where needed; leave **None** on sections that should scroll normally.
  {% endstep %}

{% step %}

#### Preview long pages

* Scroll home, collection, and landing templates on desktop and mobile.
* If snapping feels too rigid, turn off global snapping or clear alignment on most sections.
  {% endstep %}
  {% endstepper %}

### Notes on layout

* **Horizontal margin** changes overall content width; **Full** uses the maximum width the theme allows for that template.
* **Gap size** applies where layouts read this global value—verify on real sections.
* Scroll snapping only applies where a section supports **Scroll snap alignment**; it is off by default.

## Layout settings

| Setting                | What it controls                                                               |
| ---------------------- | ------------------------------------------------------------------------------ |
| Horizontal margin      | **Narrow**, **Standard**, **Wide**, or **Full**. Default **Standard**.         |
| Gap size               | Default spacing between elements in supported layouts (1–20 px, default 8 px). |
| Enable scroll snapping | Lets sections snap while scrolling when section alignment is set. Default off. |