Weird gap shows when seen on mobile between content and header

Hi guys,

I have started seeing this huge gap between the header and the repeating group that shows posts only when viewed on mobile.

This is how the desktop looks:

This is how the tablet looks like. Here I hide the right-hand side floating group when the current page width is less than 800.

this is how it looks on mobile:

As you can see, it is showing this huge gap on mobile for some reason.

Can anyone help here?

Did you find a solution for your issue? I am facing the same issue

Yes, I was using a reusable element and it was taking up space. So I placed the element in some corner away from the main elements, it worked fine.