Why are elements moving when above max-width in Wix Studio?

Ask the community
,
1

Seems simple but maybe I’m just missing something obvious. I’m sorta new Wix Studio but I know my way around it. Here’s what I want:

  1. One row, two columns of text in a section

  2. Section max width (1600px)

  3. Each column has 200px padding/gap between them (fixed, does not scale or move)

  4. Text content wraps when window is below max width

  5. All text sizes stay fixed/do not scale

  6. Section is left aligned (stays fixed to left margin, never moves horizontally unless layout changes to tablet/mobile)

  7. Column content is also left aligned/fixed

I can fulfill all points except #6 and #7. The text responds well and wraps when the window is smaller than 1600px, but when the window size goes above 1600 the container starts moving horizontally to the right as if the left padding is breaking or scaling proportionally or something.

I don’t want the columns or text content to do anything when the window is above 1600. I want it all to stay in its 1600px positions.

I can’t figure out if it’s containers or the section settings or what. I have all my padding in the section set to 42px on all sides. Content x and y are 0px*.

I have tried this both with a section grid and the “advanced CSS grid” and can’t seem to figure out where the issue is.

Any help is appreciated.

2

Have you got a link to a demo of something we could see?

Something to check is the docking - how are the elements aligned within the grid cells - e.g. are they docked to the center, or top left, bottom right etc

3

Good idea, I checked docking and they’re all set to top and left with auto docking off. Here’s a demo: https://3phemera.wixstudio.com/columns-demo/about

4

Okay, just to confirm I’m understanding correctly - I’ve got a diagram (cos who doesn’t love a diagram? :laughing:)

The aim is to have the section remain left aligned when the max width is reached?

Screenshot 2026-06-08 at 14.10.48
Screenshot 2026-06-08 at 14.10.481826×665 42.7 KB

If this is the case, the default sizing won’t support this, but you would be able to achieve it with CSS grid - let me know if I’ve understood correctly, and I’ll share how :slight_smile:

5

yes, that’s right, and also for the right block of text to stay put (left aligned and adhering to the set pixel spacing/padding between the two columns)