Layout
How much room the store gives its content. Under Theme settings → Layout.
| Setting | What it controls | Default |
|---|---|---|
| Page margin | How far content sits from the edge of the screen. | 14 px |
| Gutter | The gap between tiles inside a grid. | 12 px |
| Section spacing | The vertical rhythm between sections — and a master multiplier on every section’s own spacing. | 96 px |
| Maximum content width | A cap on how wide content gets on very large monitors. | Full bleed |
| Show back-to-top button | A floating button returning the reader to the top. | On |
| Popular searches | Suggested terms in the empty search overlay. Comma-separated. | Jacket, Ski mask, Travel pack |
Section spacing is a multiplier
Section titled “Section spacing is a multiplier”This is the one worth understanding. It sets the baseline rhythm, and scales every section’s own top and bottom spacing with it. Raise it and the whole store breathes more; lower it and everything tightens at once.
So reach for this before adjusting sections one at a time. Individual section spacing is for exceptions.
Popular searches
Section titled “Popular searches”These appear when someone opens search but has not typed anything. Use terms that lead somewhere good — a collection you want to push, or the thing people most often look for and fail to find.
Keep it to three or four. It is a nudge, not a directory.
If it looks wrong
Section titled “If it looks wrong”Content touches the screen edge on mobile. Raise Page margin.
Sections feel cramped. Raise Section spacing rather than editing sections individually.
The back-to-top button covers something. It sits above the sticky add-to-bag bar on product pages. If it still conflicts, turn it off.