Forum Academy Marketplace Showcase Pricing Features

Elements shifting down upon preview load

I have loaded an image that I have set all my elements against in the page. The only problem is - when I preview the page, most of them are not in the right position.


This is how I have them set.


This is how they display.

It often looks like when the topmost elements load, they shift the lower elements, for some reason.

How can I lock them in place where no element moves based on any other element?

Note:
page is fixed-width
all elements should be fixed-width

@jebrca

Group them in a way where there is structure on the page.

Think of your elements being placed on an open canvas of “water” … without “floating devices” they get dispersed (analogy to how the viewport affects them without a structure that enables them to disperse less).

So, are you saying that I need to group my groups?

Yes! :grinning: