Elements in grid get layered in published mobile version

[Alice99 (Alice Weber)]

Hello Webflow Forum,

We currently got a big problem with one of our pages.
We included a grid element, where we put our articles in. But in the mobile version the articles in the grid layers on top of each other and the space below stays empty.

Sadly I can’t fix this problem myself, I tried to change some settings, but it does’t work. I would really appreciate some quick help, the webflow support does’t answer and this looks very bad for our users.

Here is the read only link: Webflow - baumdick.de - Funnel

Here is the published site: BAUMDICK GmbH - Presse

Thank you very much in advance!

Best regards,

Alice

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

[Stan (justAnotherDeveloper)]

hi @Alice99 you have two options

1. set grid row height correctly

2. the easiest way is to change the element style from CCS grid to block to achieve natural flow as you do not need a grid on mobile anyway.

[Alice99 (Alice Weber)]

Thank you very much, other grids with the auto hight, do also work with safari, so I didn’t think that that could be the problem.

Thank you very much Stan!