"Overflow" is configured in the [Position] menu, found under the [Box] settings tab in the right panel.
There are three overflow options available: Visible, Hidden, and Scroll.
Visible
Child boxes that extend beyond the parent box are displayed as-is on screen.
This behaves the same as CSS
overflow: visible— content that overflows outside the element is not clipped.
Hidden
Any part of a child box that extends beyond the parent box's boundaries will not be displayed.
This behaves the same as CSS
overflow: clip— content is clipped to the box's boundaries, so anything outside is not visible and cannot be scrolled to.If you need the hidden behavior to use
overflow: hiddeninstead, check the [Use hidden instead of clip] option.
Scroll
Child boxes that don't fit within the parent box can be scrolled in the flow direction (vertical or horizontal) to view the rest of the content.
By adjusting the box direction and arrangement, you can change the scroll direction and starting position.
Note: Scrollbar Display
In the design editor, a scrollbar appears to help you confirm the scroll direction, but this scrollbar will not be shown in live preview or on the published site.
When using a mouse, you can typically hold the Shift key while scrolling the mouse wheel to scroll horizontally.
overflow visible hidden scroll scroll horizontal scroll