The Grid instances overlapping on first load

[whitelobster11]

Hello

Very strange problem with my xtheme site at http://jaredmadere.com

Very often the first time I load the splash page on desktop, the instance of The Grid on the upper right hand side of the page loads with the instance of The Grid that is supposed to be below it, ontop of it instead of below (the images in the top row of the bottom Grid instance overlap with the bottom row of the grid on the top

If you reload the page after the first couple of loads you will see eventually the problem fixes itself BUT it happens on almost every desktop machine the first time you load it in any given session (ie. every couple of hours you reload the page you are likely to encounter the same overlapping grid error)

Can you please help me to resolve this?

Thank you so much! Login info in the secure note below

[nico]

Hi @whitelobster11,

Thanks for writing in.

Little confuse of the problem and could not be able to see any problem with your site. Would you mind sharing us a screenshot of the problem.

Thank you so much.

[whitelobster11]

Of course here is a screen grab below

One thing I noticed from watching the loading process this time- the lower Grid loads first and then the upper Gridpopulates behind it when this problem occurs, it’s almost like the lower Grid is reserving it’s seat and when the upper Grid arrives it has to sit behind the lower Grid

[Alaa]

Hi @whitelobster11

It could be because you have two grids loaded in masonry layout one above each other on that page, it doesn’t need to reload the page, if you just resized the browser window all the items will be relocated correctly.

To help us narrow this issue down, could you please change the grid layout of any of these grids to “Justified” or even “Grid” and recheck this issue?

Thanks.