- Where to find it
- Labelled Overflow in the Collection Settings drawer (gear in the collection header).
- Per device
- Yes — you can set one value for every screen, or separate values for phone, tablet, and desktop.
- Underlying CSS
overflow
In plain English
Overflow decides whether overflowing content is visible, clipped, or scrollable on both axes for the whole collection.
When you would use it
- A fixed- or max-height collection should scroll or clip instead of spilling onto the parent.
How to change it
- Open Collection Settings, then "Overflow".
One value, or one per device? Every input in this setting sits under a “Same value for all resolutions” checkbox. Leave it checked for a single value everywhere, or uncheck it to give phones, tablets, and desktops their own. How per-device values work.
Watch out for
- This setting is left out on the editing canvas so the drag-and-drop surface stays full size. Open Preview to see it applied.
- If Overflow X or Overflow Y is also set, the browser cascade decides the effective value.
Related settings
- Collection Overflow X
- Collection Overflow Y
- Collection Max Height
- Overflow
- Using a CSS variable instead of a typed value
Where to go next
- Back to the full attribute reference
- The Composer — the editing surface these settings live in.
- Publishing — how a change like this reaches your live site.