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

1

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.

2

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.

3

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.