How can I prevent large spaces between elements when adjusting to tablet and mobile viewports?

Ask the community
1

Hi all, asking another question here because I’m having a lot of spacing issues on my site. I’m having two problems that are similar:

  1. When I stretch the viewport to smaller widths (like shown in the video below) a large space grows between the sections and doesn’t adjust until the next fixed viewport (like in tablet). I played around with padding because I was having issues with images overlapping each other, which was worse.

  1. I have the same problem with images that are not stacked, for example when they are side by side. I’m not sure what I’m doing wrong in terms of docking/margins/padding.

2880×1600 401 KB

2880×1594 394 KB

Any help would be so much appreciated! I’m getting desperate…

2

It would be a mixture of things as I found the hard way coming over to Editor x from standard wix.

Docking and element height is incredibly important.

Check that the items are docked together so me personally would dock all of those elements to the top and set the page height to auto.

3

Thanks for the tips, MK. Yeah, it’s been a bit of a tough transition for me as well. :sweat_smile: