How to set max width for entire webiste

1

I need to make the content inside the section to have max-width.

Yes, I know I can set max width in container settings but I have more than 1 container inside a section like this:
[Section]
[Container One]
[Container Two]
[Container Three]
[Section Close]

and if in the theme setting I set the container max-width to 1100px, and show them side by side, three containers will take the whole screen i.e., 3300px combined.

I can’t use a boxed style since I need a header, footer, and section background to have 100% width.

image
image1920×1002 123 KB

2

Use a variable.

Sections are 100% wide. Use the variable to set the width of whichever containers need to be controlled.

In this example, all of the containers except the top bar would have a max with set with the variable.