Studio Editor: Working with Overflow Content
3 min read
Some site elements and content may be too large for their page, section, or container, and flow outside the edges. You can set how overflow content behaves on specific sections or containers, or on an entire page.
In this article, learn more about:
Using Safari as your browser?
Hiding overflow content from your container, section or page is only supported from version 16 and up.
Setting overflow content in sections and containers
Choose how you want overflow content to look on page sections and containers. You can hide /show the content, or set the overflow to show on scroll.
To set your overflow content in sections and containers:
- Click the relevant container or section in the Editor.
- Click the Open Inspector arrow
at the top right of the Editor. - Click Layout under the Design tab
. - Open the Overflow content drop-down and choose how you want the content to behave:
- Show: Overflow content is displayed on your site, even if it is too large for the container / section.
- Hide: The relevant elements are clipped, and the parts that overflow aren't visible to visitors.
- Scroll: Visitors can view the overflow content by scrolling.
- Scroll direction: Select whether visitors can view the content by scrolling horizontally, vertically, or both.
- Show scrollbar: Click the toggle to show / hide the scrollbar on your live site.
Setting overflow content on pages
You can hide or show content overflow on your site page to suit your design needs. As the content flows outside the page edges, a scrollbar is automatically added.
To set your overflow content on pages:
- Click Layers
on the left of the Studio Editor. - Select the page you're currently working on.
- Click the Open Inspector arrow at the top right of the Editor.
- Click Size under the Design tab .
- Open the Overflow content drop-down and choose how you want the content to behave:
- Show: Overflow content is displayed on your live site, even if it is too large for the page. A scroll bar is automatically added so your visitors can see the rest of the content.
- Hide: The relevant elements are clipped, and the parts that overflow aren't visible to visitors.
FAQs
Select a question to learn more about overflow content
Is my overflow content automatically set?
What happens if I display page overflow content?
Can I choose the overflow settings for different breakpoints?
Did this help?
|