Skip to content
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
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.
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.
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.
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. |