- Where to find it
- Labelled Flex Wrap Setting in the "Entire Row" 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
flexWrap
In plain English
With "wrap", columns that no longer fit move onto a new line. With "nowrap", they stay on one line and squeeze.
Wrapping is deliberately switched off in the editing canvas so every column stays clickable. Confirm in preview.
New edits are stored per device on the row; classic flexWrap fields still work as a fallback.
What each option does
| Option | What you will see |
|---|---|
nowrap | Columns stay on one line and compress to fit. |
wrap | Columns that no longer fit move onto a new line. |
When you would use it
- A row of cards should stack on a phone: choose "wrap".
- A logo and a menu must stay on one line: choose "nowrap".
How to change it
- Open "Entire Row", then "Flex Wrap Setting".
- Switch to preview and narrow the window to see wrap work.
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
- Nothing wraps while you are editing. Always confirm in preview.
Related settings
For developers
The technical reference for what this setting produces: MDN: flex-wrap. 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.