Max Height

A ceiling for the column's height — it will never grow taller than this.

Where to find it
Labelled Max Height 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
maxHeight

In plain English

Max Height caps how tall a box is allowed to get. It is the least-used of the four size limits, because content that does not fit has to go somewhere, and by default it simply spills out and overlaps whatever is below.

Where it does shine is in scrolling panels and cropped media. Cap a long list at 400px, set Overflow Y to "auto", and you get a tidy scrollable box instead of a page that runs on forever.

When you would use it

  • A long list or table should become a scrollable panel rather than dominate the page.
  • An image needs to be cropped to a maximum depth — pair this with Overflow set to "hidden".

How to change it

  1. Select the column, open "Selected Column", then "Max Height".
  2. Enter a number and choose a unit.
  3. Decide what happens to the content that no longer fits by setting Overflow or Overflow Y. Without this step, the extra content spills out visibly.
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

  • Setting a max height without an Overflow setting is the single most common cause of overlapping content on a published page.
  • Max Height wins over Height, and Min Height wins over Max Height when they contradict each other.
  • Cropping text is rarely a good idea — visitors cannot tell there is more to read. Scrolling ("auto") is friendlier than hiding.

Related settings

For developers

The technical reference for what this setting produces: MDN: max-height. 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