Studio Two Editor: Setting the Site's Max Width

You can apply a max width to the site to prevent these elements from getting larger than the width you set. If needed, you can exclude specific sections and pages from max width, or disable it across the entire site.

By default, a max width of 1920px is applied to all sites you create in the Studio Two Editor. You can change this width from the Responsive Settings panel.

1. Go to your editor.

2. Click the Customize Breakpoints icon at the top of the editor.

3. (If not already enabled) Click the Apply max width toggle to enable it.

4. Enter your chosen max width in the field (in pixels).

You can turn max width off for specific sections on the site — meaning any attached elements set to scale proportionally can grow beyond the width you've set.

1. Go to your editor.

2. Select the relevant section on the canvas. 

3. Click the Open Inspector icon  at the top right of the editor.
   

4. (If not already open) Click the Design tab.

5. Click the Apply max width toggle under Responsive behavior to disable it.
   Tip: If you change your mind, you can always click the toggle again to re-apply the site's max width.

Want to control max width in bulk? You can also exclude site pages from the setting; this disables it on all of the sections currently on the page.

1. Open the relevant page in your editor.
2. Select the page on the canvas:
   1. Click a section on the page.
   2. Hover over the section's title in the top-left to expand the breadcrumbs.
   3. Click Page.
3. Click the Open Inspector icon at the top right of the editor.
   
4. (If not already open) Click the Design tab.
5. Click the Layout dropdown.
6. Click Exclude existing sections.

If needed, you can turn off max width across the entire site. When this is applied, sections continue to scale up on larger screen sizes.

1. Go to your editor.

2. Click the Customize Breakpoints icon at the top of the editor.

3. Click the Apply max width toggle to disable it.

4. Click Turn Off in the popup.