Layout breaks when zoom >100% on desktop (elements shift after second load, no issue on responsive)

Hi everyone,

I’m experiencing a strange issue with a site built on Wix Studio. When the site was first published (August 18th), everything worked perfectly — even when zooming to 110%, 125% or 150%, the layout stayed stable.

Now, just recently, I’ve noticed a new behavior:

  • On the first load of the desktop version, everything looks fine regardless of the zoom level.

  • A few seconds later, there seems to be a second load (maybe fonts or runtime hydration).

  • At that moment, if the zoom is higher than 100%, blocks and visuals shift around and the layout completely breaks.

  • At exactly 100% zoom, everything remains stable with no issues.

  • Important: there is no issue at all in the responsive versions (tablet and mobile work perfectly).

To rule out mistakes on my end, I tried:

  • Restoring older versions of the site (from the initial publish date when it worked fine). The issue now appears there as well.

  • Testing on Google Chrome and Microsoft Edge (latest versions).

  • Same results every time.

This strongly suggests the problem appeared due to a Wix Studio update or a browser change, not because of my edits.

Is anyone else experiencing this issue recently? Did you find any workaround (like min-width fixes, grid settings, etc.)?

Thanks in advance for your help :folded_hands:

Update after more testing:

I’ve now tested the site on multiple devices. On Windows computers, there is no issue at all — the layout stays stable even with zoom higher than 100%.

The problem only occurs on Apple desktop devices (MacBook, iMac, etc.), where the layout shifts after that “second load.”

So it seems the bug is specifically related to macOS desktop browsers.

:backhand_index_pointing_right: Wix experts, I really need your help on this — if my client sees this issue, I’ll be in trouble!

Try applying the Max width…Also, use CSS grids.

Thank you for your reply :folded_hands:

I already tested the Max Width option, but unfortunately it doesn’t fix the problem. The issue is global and happens across the entire website.

To help you better understand, here’s a short Loom video showing the bug in action (tested at 125% zoom):

:backhand_index_pointing_right: Blossom Talents | Cabinet de conseil en ressources humaines - 26 August 2025 | Loom

Please watch until the end — you’ll notice that at first, the site loads perfectly, but then the layout suddenly breaks: titles and fonts appear to grow larger, and the whole structure shifts.

A few important details:

  • I haven’t made any edits since publishing the site.
  • I always double-check zoom levels on different computers before delivering a project, and everything was stable at launch.

Now, just a few days later, the issue appears only on Mac desktops (tested on MacBook), while on Windows machines everything works fine.

Honestly, I don’t think this is related to my Wix Studio configuration. It feels more like a CSS / stylesheet issue, but as far as I know we don’t really have access to that level of control in Wix Studio.

Do you think this could be linked to a recent Wix Studio update or maybe font rendering on macOS?

1 Like

Are all elements in the page stacked? Also, for this type of issue, try using Either Cells or Advance CSS grid in the section. Create a new page, use CSS grid in section and place elements in each Grid box.

Also, please double check the docking of the elements also make sure to stack them and add a gap in pixel in stacked element. Finally, make sure all the elements are docked to the sides of the section. I will recommend using the Cell and CSS grids in the site though, that might work better.

One more issue could be the Font Hydration, try disabling it from performance - Studio Editor: Working with Site Typography | Help Center | Wix.com

Thank you very much for your suggestions :folded_hands:

Unfortunately, even after testing the different approaches you mentioned, I still see no change on Mac computers.

  • All structures on my site are properly stacked to avoid unnecessary shifts.

  • I created a new page, rebuilt the same elements, and applied Advanced CSS Grid with proper settings — no improvement.

  • Regarding Font Hydration, I disabled it as suggested. At first, I was almost confident because the site loaded a bit slower… but then the issue still appeared (just with a slight delay).

It really feels like it’s this “second load” (a micro flash) that breaks everything — almost like a DOM refresh or stylesheet reload.

I’ve already sent a ticket to Wix support but haven’t received a reply yet.

I enjoy solving puzzles, but this is truly the first time I’ve faced such a tricky issue on Wix Studio :sweat_smile:

Quick update from my side :police_car_light:

I just downloaded Firefox to test the site… and guess what? No problem at all there — everything stays perfectly stable, even at 150% zoom.

The strange part is that the issue only happens on Chrome / Edge / Safari on Mac.
I also tried in private/incognito mode, but the problem still persists on those browsers.

So this looks even more like a Mac + browser rendering bug rather than a site configuration issue…

Hey!

Just brought this up with the team as I’ve seen one or two other discussions around this topic today. Will let you know when I have more info :slight_smile:

Hello Noah, thanks a lot for your update!

Just to be sure I understand correctly — does this mean it’s actually an issue on Wix’s side that is affecting multiple websites?

I already opened a ticket 2 days ago but still haven’t received any reply, so in the meantime I’m waiting and also trying to look for a workaround on my own.

My client’s site was working perfectly before, and now I honestly feel a bit lost because of this issue…

You’re welcome! The team’s looking into it - so not sure the exact cause at the moment, but will let you know when I have more info on it :slight_smile:

Thank you very much, I really hope the team will find the cause — this bug is quite stressful.

Please don’t hesitate if you need more details from my side. From my own checks, it really seems related to a breakpoint / CSS stylesheet / or DOM loading issue.

Also, if you could let them know: on Firefox everything works perfectly fine, while the issue only happens on Chrome, Edge and Safari.

I’ll let the experts dig into it, because I’m quite convinced it’s not coming from our side.

Here are my recordings:

Chrome (issue visible): Blossom Talents | HR consulting, training and career coaching - 27 August 2025 | Loom

Firefox (works perfectly): Blossom Talents | Cabinet de conseil en ressources humaines - 27 August 2025 | Loom

The team found the cause and have reverted it - you should be experiencing what you’ve previously known :slight_smile:

1 Like

Great news! I can confirm everything is working again just as before. Now I can fully focus on my ongoing projects without any concern.

Thank you so much for your quick reactivity — I honestly thought it might have been my own mistake or a flaw in my development technique.

Anyway, I feel really relieved now! :slightly_smiling_face:

1 Like

Hi Noah,

I just noticed that the issue has reappeared on Safari (fortunately, other browsers don’t seem to be affected). This is recent, because yesterday everything was displaying fine on Safari.

I already tried a hard refresh and tested in private browsing, but the display bug is still present on Safari.

To give your developers concrete elements, here’s a Loom video showing the problem:
:backhand_index_pointing_right: https://www.loom.com/share/eff77bd93b7c4535bcd70a181db196b5?sid=90631a2e-3ba2-41d8-a060-4b4297d9926e

Thanks again for your support!

@noahlovell

Hi Noah,

Don’t hesitate if you need more details — I actually have another site in progress where the same issue appears on Safari.

Thanks!

Hey!

Followed up with the team to understand what’s happening.

  • What you’re experiencing on Safari (on the latest versions) is default browser behaviour (adding zoom support for CSS screen relative units)
  • The behaviour you saw on Chrome was recently introduced from the team to replicate what also happens on Safari - providing a more consistent experience across browsers. They reverted this for now based on the feedback provided (and why it appeared for Chrome and then seemed “fixed”)

The Safari experience is something that is browser based and outside Wix control.

This generally happens when layout tools aren’t used on the site (Stacks, section grid, repeater, flexbox etc). Using these tools will provide the appropriate structure and responsive behaviours to elements to behave correctly across browsers.