Elementor Demo Site

Loop grid layout bug

The loop grid will sometimes overlap content that follows it, in responsive modes (tablet, mobile).

Make this window narrower to see the effect.

Yet another post

The second post

Test post number one

Content below Loop Grid

This is some content below the loop grid. When making the window smaller the loop grid will sometimes overlap this content, making a visual mess. 

I have not yet identified what causes the problem or how to work around it. 

However I have found that using the following custom CSS will at least make it so that the loop grid container doesn’t overlap the content that follows it. The problem with this code is that the page becomes uglier as the videos doesn’t grow to fill the available space anymore.

				
					.elementor-loop-container {
    justify-items: start;
}