Hello. I want my responsive website to stop expanding beyond a certain size, for example 1280px (so from mobile up to XL, and then the website width stays at XL, even if you make the browser window wider). I hope I explained myself clearly.
Thank you for your help.
Kind regards,
Romano Casnaova
Not sure if the correct way but in the theme studio under ‘Screens’ you can adjust the pixel size. If you change your largest screen from ‘Auto’ to ‘Pixel’ and put a number in this limits that screen size to that size. So instead of Auto change XL to 1280 and it should limit it to that.
To accomplish this, you’ll want a single Container component that contains everything on the page.
Then, go to the “Sizing” settings:
Toggle “Enable” and Under Width-Max, click off the colored Mask/Paintbrush icon. Then type in the size you want as the max. In your example, 1280px.
Any component within that Container will respect that max width limit.
