header-logo
Learn how to use Wix to build your site and business.
Design and manage your site using intuitive Wix features.
Manage subscriptions, plans and invoices.
Run your business and connect with members.
Learn to purchase, connect or transfer a domain to your site.
Get tools to grow your business and web presence.
Boost your visibility with SEO and marketing tools.
Get advanced features to help you work more efficiently.
Find solutions, learn about known issues or contact us.
placeholder-preview-image
Improve your skills with our courses and tutorials.
Get tips for web design, marketing and more.
Learn to increase organic site traffic from search engines.
Build a custom site using our full-stack platform.
Get matched with a specialist to help you reach your goals.
placeholder-preview-image

Studio Editor: Setting the Site's Max Width

4 min
In this article
  • Setting the max width for your client's site
  • Excluding specific pages or sections from max width
  • Turning off max width for the entire site
  • FAQs
In the Studio Editor, certain elements are set to scale proportionally by default, which means they grow in direct relation to the screen size. On larger screens, they might even grow too big for your liking. 
Set the max width for sections on your client's site to keep elements from growing beyond the point you want them to. 
GIF showing the max width feature in action on a Studio Editor site - stretching the width to show the elements don't grow

Setting the max width for your client's site

Head over to the Site Styles panel to set the max width. On screens that are wider than the value you set, the element sizes stay fixed, and the site gets side margins. 
The max width you set applies to the entire site, but you can exclude specific sections if needed.
Note:
The max width must be larger than 1001px.

To set the max width:

  1. Click Site Styles  on the left side of the editor.
  2. Click the Max width tab.
  3. (If disabled) Enable the Apply to site toggle.
  4. Enter the desired width in pixels.
The max width tab is open in the site styles panel. The cursor is clicking the field to enter the width.

Excluding specific pages or sections from max width

You can always disable the max width setting for specific sections or pages. This means that elements that scale proportionally will continue to grow in direct relation to the visitor's screen. 

To exclude a page or section:

  1. Select the relevant section.
  2. Click the Open Inspector icon  at the top right of the editor.
  3. Disable the Apply max width toggle under Responsive behavior.
A screenshot of a section grid and the Inspector panel, disabling the max width toggle to exclude the section
Want to exclude the entire page?
Select the page in the Inspector's breadcrumbs, then click Exclude existing sections under Layout. This disables max width for all the sections you currently have on the page. 

A screenshot of the Inspector panel in the Studio Editor, showing where you click to exclude an entire page from max width

Turning off max width for the entire site

Want to disable max width on every page / section? You can turn it off for the whole site. This means that all sections will continue to scale up on larger screens.

To disable max width for a site:

  1. Click Site Styles  on the left side of the editor.
  2. Click the Max width tab.
  3. Click the Apply to site toggle to disable it.
  4. Click Turn Off in the pop-up to confirm.
The Max Width Tab in the Site Styles panel, clicking the 'Apply to site' toggle to disable it
Changed your mind?
Enable the toggle again to apply max width to the entire site.

FAQs

Click a question below to learn more.
GIF showing the max width feature in action on a Studio Editor site - stretching the width to show the elements don't grow
The max width tab is open in the site styles panel. The cursor is clicking the field to enter the width.
A screenshot of a section grid and the Inspector panel, disabling the max width toggle to exclude the section
The Max Width Tab in the Site Styles panel, clicking the 'Apply to site' toggle to disable it