Why does my published site have different spacing than my previewed site?

Ask the community
1

I’ve arranged everything perfectly in the editor and in preview it looks fine. When I publish, all of the images that I laid out get squished together. Does anyone know what might be causing this? I’ve attached screenshots below. Thanks!!!

Editor:

2868×1324 273 KB

Preview:

2650×1218 231 KB

Published:

2878×1598 480 KB

2

Hi Juna,

Try going in to each one of your sections, set the section height from “auto” to “px” and the set it to “auto” again do this for each one of the sections, then publish.

Ive attached some screen shots:

  1. go to each of the section heights:

  1. set it to Pixels

262×598 18.6 KB

  1. set it back to auto

251×559 16.8 KB

  1. repeat for all sections
  2. publish and you should be fine.

Hope this helps, keep me updated.

Ido.

3

Hi Ido, thanks for your help! Nice webinar yesterday btw. Unfortunately, your solution didn’t change anything :sleepy: any other ideas about what could be wrong? Thanks

4

Hi Juna, It seems like one or more of your images (eg the one I marked with a yellow star) is misplaced.
I would suggest you check if you put the image in the right section. using the Layers panel.


Also, I think it is better to plan and create the layout using Grid .

If you want to read more about it:

Hope it helps :grinning: