- Where to find it
- Labelled Overflow Y in the "Selected Column" section of the Modify drawer.
- Per device
- Yes — you can set one value for every screen, or separate values for phone, tablet, and desktop.
- Underlying CSS
overflowY
In plain English
Overflow Y is the vertical half of Overflow. It decides what happens to content taller than the column, and leaves the horizontal direction alone.
Pair it with a Max Height and you have the standard recipe for a scrollable panel: a fixed-depth box the visitor can scroll through, with the rest of the page staying exactly where it is.
What each option does
| Option | What you will see |
|---|---|
visible | The default. Content taller than the column spills out below and stays visible. |
hidden | Content taller than the column is cut off at the bottom edge. |
scroll | A vertical scrollbar is always shown, whether it is needed or not. |
auto | A vertical scrollbar appears only when the content is genuinely too tall. The usual choice for a scrollable panel. |
clip | Like hidden, and scrolling is forbidden entirely. |
When you would use it
- A long list of items should become a fixed-depth scrollable panel.
- A quotation or changelog block should stay a consistent height however much text it holds.
How to change it
- Give the column a Height or Max Height first, otherwise there is nothing to overflow.
- Select the column, open "Selected Column", then "Overflow Y".
- Choose "auto" for scroll-when-needed, or "hidden" to crop.
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
- Without a Height or Max Height this setting does nothing at all.
- Do not set this and Overflow at the same time; the browser resolves the conflict itself.
- "hidden" hides content with no visual hint that there is more. Visitors will not know to look for it.
Related settings
For developers
The technical reference for what this setting produces: MDN: overflow-y. You do not need any of it to use the setting — it is there for whoever is building the components or debugging the published page.
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.