Elements Misaligned After Publishing + Site Layout Too Wide

Ask the community
, ,
1

hello When building my new website, all the elements I add (like buttons, logos, menus, text blocks, etc.) appear correctly positioned inside the editor. But after publishing, their alignment changes — they appear shifted or in slightly different positions. This happens not only with the header section but across the whole site.

Also, the website layout looks too wide overall. I’d like to make the site narrower or reduce the total page width, but I can’t find where to adjust that.

I’m attaching examples — any help fixing both the alignment issue and the layout width would be appreciated.

wix studio:

123
1231265×732 150 KB

published:

123123
1231231861×896 204 KB

2

I think adding a max-width to the site is what you’re looking for to make the site more narrow.

To help with for the example of the buttons being too close in the editor but having space in the editor could be due to docking which in your case you might want to dock to the bottom. For the spacing of each element, I’d suggest checking out this article that goes into what could be causing misplaced and misaligned elements.

1 Like