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

**URL:** <https://forum.wixstudio.com/t/why-are-elements-moving-when-above-max-width-in-wix-studio/78485>\
**Category:** Ask the community\
**Tags:** wix-studio, design\
**Created:** [June 8, 2026, 3:52am UTC](https://forum.wixstudio.com/t/why-are-elements-moving-when-above-max-width-in-wix-studio/78485 "2026-06-08T03:52:24Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![poiqwe](https://avatars.discourse-cdn.com/v4/letter/p/c5a1d2/32.png) [@poiqwe](https://forum.wixstudio.com/u/poiqwe)\
**Post date:** [June 8, 2026, 3:52am UTC](https://forum.wixstudio.com/t/why-are-elements-moving-when-above-max-width-in-wix-studio/78485/1 "2026-06-08T03:52:24Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![noahlovell](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/noahlovell/32/118920_2.png) [@noahlovell](https://forum.wixstudio.com/u/noahlovell)\
**Post date:** [June 8, 2026, 8:57am UTC](https://forum.wixstudio.com/t/why-are-elements-moving-when-above-max-width-in-wix-studio/78485/2 "2026-06-08T08:57:39Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![poiqwe](https://avatars.discourse-cdn.com/v4/letter/p/c5a1d2/32.png) [@poiqwe](https://forum.wixstudio.com/u/poiqwe)\
**Post date:** [June 8, 2026, 12:20pm UTC](https://forum.wixstudio.com/t/why-are-elements-moving-when-above-max-width-in-wix-studio/78485/3 "2026-06-08T12:20:10Z")

</div>

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](https://3phemera.wixstudio.com/columns-demo/about)

---

<div class="post-metadata">

**Author:** ![noahlovell](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/noahlovell/32/118920_2.png) [@noahlovell](https://forum.wixstudio.com/u/noahlovell)\
**Post date:** [June 8, 2026, 1:13pm UTC](https://forum.wixstudio.com/t/why-are-elements-moving-when-above-max-width-in-wix-studio/78485/4 "2026-06-08T13:13:21Z")

</div>

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

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

 ![Screenshot 2026-06-08 at 14.10.48](https://us1.discourse-cdn.com/wix/original/3X/2/6/268d10b0a74329261649f50007f9847aeea59bc6.png)

* * *

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 🙂

---

<div class="post-metadata">

**Author:** ![poiqwe](https://avatars.discourse-cdn.com/v4/letter/p/c5a1d2/32.png) [@poiqwe](https://forum.wixstudio.com/u/poiqwe)\
**Post date:** [June 8, 2026, 11:51pm UTC](https://forum.wixstudio.com/t/why-are-elements-moving-when-above-max-width-in-wix-studio/78485/5 "2026-06-08T23:51:39Z")

</div>

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)

---

<div class="post-metadata">

**Author:** ![poiqwe](https://avatars.discourse-cdn.com/v4/letter/p/c5a1d2/32.png) [@poiqwe](https://forum.wixstudio.com/u/poiqwe)\
**Post date:** [June 14, 2026, 3:19am UTC](https://forum.wixstudio.com/t/why-are-elements-moving-when-above-max-width-in-wix-studio/78485/6 "2026-06-14T03:19:04Z")

</div>

Figured it out. For anyone with the same problem, I solved it by converting the section grid to an Advanced CSS grid, turning off max width, and setting fixed pixel min-max sizes for the columns as well as gaps between columns.

 ![Screenshot 2026-06-14 at 12.15.08](https://us1.discourse-cdn.com/wix/original/3X/2/3/232a90e4fed6054eb2128d99b9b47f6f8769fa99.png)

* * *

 ![Screenshot 2026-06-14 at 12.15.21](https://us1.discourse-cdn.com/wix/original/3X/c/9/c94321ad0f524d004556a3633e9c8c5b1ff45c30.png)

---

<div class="post-metadata">

**Author:** ![system](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/system/32/86885_2.png) [@system](https://forum.wixstudio.com/u/system)\
**Post date:** [July 14, 2026, 3:20am UTC](https://forum.wixstudio.com/t/why-are-elements-moving-when-above-max-width-in-wix-studio/78485/7 "2026-07-14T03:20:03Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
