Stack centering possible bug

Ask the community
, ,
1

I’m running into an issue with a Stack inside a Section and hoping someone can shed some light on it.

Context:

  • The section contains only the stack, no other elements
  • The stack has an image on the left and text on the right
  • The section’s height is set to calc(100vh - 88px) to account for the header, and to fill the users screen, no matter what size
  • The stack’s alignment is set to Center (both vertically and horizontally)

What’s going wrong:

  • In the Wix Studio Editor, the stack appears perfectly centered, as expected
  • But on the published site and test preview, the stack is visibly pushed downward, with excess white space above it
  • Strangely, when I open Chrome DevTools and simulate screen sizes, the layout correctly centers itself again

It seems like the stack layout is breaking only during live rendering, but recalculates properly when DevTools forces a reflow.

Goal: I want the section to match the user’s viewport height (minus the header), and the stack to be centered inside it - consistently across all screen sizes.

Has anyone else experienced this? Is this a known rendering issue or a bug with Wix Studio’s layout engine?

2

I tried this on my end and I wasn’t able to replicate. I used a different measurement since my header is 120px and then I added another 50px for the free banner. You can check here within the hero section; I don’t know if you can share the site so we can take a look but I think it might help to see it.
If you’re unable to, customer support might be able to help to see if there might be an issue in regard to how it is rendering or calculated.