Responsive layout behavior in Wix Studio.

Ask the community
1

Hi, I’m having an issue with responsive layout behavior in Wix Studio.

My sections are set to full width, but the content inside them keeps expanding across the entire screen on larger displays instead of staying centered within a fixed or max-width container.

I’ve tried adjusting margins and page max-width settings, but the layout still stretches when published.

How can I ensure that my content remains centered and constrained (e.g., 1200px max-width) while the background stays full width, similar to standard responsive layouts?

Is there a recommended way to structure containers or grids to achieve this behavior?

2

Try structuring each section like this:

Section = full width background
Inner container = constrained content width

In Wix Studio, the section itself should stay Stretch / 100% width, but the actual content should sit inside a container or grid that has a max width.

Something like:

  1. Add a Container inside the section
  2. Set the container width to something like 1200px
  3. Set max width to 1200px if available
  4. Set the container’s horizontal alignment to centre
  5. Put all your text, images, buttons, repeaters, etc. inside that container
  6. Let the section background stretch full width, not the content itself

The section gives you the full-width background colour or image, while the container controls the readable content width.

If you are using grids, I’d usually set the section to a simple 1-column grid, then place a child container/grid inside it with a max width like 1200px and centre alignment. Avoid pinning content directly to the left and right edges of the section unless you actually want it to stretch.

Also check that the inner container is not set to Scale proportionally, Stretch, or docked to both left and right edges in a way that forces it to expand. On larger breakpoints, it is worth checking the sizing settings individually, as the desktop breakpoint may be behaving differently from tablet/mobile.

That gives you the standard responsive website behaviour where the background spans the browser, but the content stays neatly aligned and readable.