My mobile site seems broken on a certain page

Hello,

I don’t know why a certail page of my site on mobile looks broken now: Freundebuch Schule https://cl.ly/cddeece4ee60
The row does not work correctly. It is a 50/50 row and it should use all the white space.
I have no idea why this happens? Can you help here? It seems that the row on mobile is also on 50/50. But it should be on top of each other.

Thank you and greetings

Hello there,

Are you referring to services section? Could you please be more specific?

Regards,
Kharis

Hello,

yes I’ve added the service section on a 50/50 row: https://cl.ly/8cf8011a93b6
On mobile it looks like this: https://cl.ly/cddeece4ee60 https://cl.ly/bc163da67984
As you can see there is a lot of unused white space. It seems that the 50/50 row is somehow not responsive anymore. You can see this when you make the browse smaller. And scroll down the page. You see all elements with a 50/50 row not using the full space. It is like that the elements get in top of each other but don’t expand fully. Just half of the site.
Thanks for helping.

Hello there,

Try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 780px) {
      #pg-1024-1 .panel-grid-cell {
        width: 600px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
      }  
    }

Regards,
Kharis

Unfortunately it does not work. I’ve added it.
It seems that the problem is since the last sydney update. It was always ok without additional CSS.
What else to do?