Landscape Mobile/Tablet formatting issue

[Mitch_Smyth]

Hello!

I’m hoping someone can help me out here.
My site looks great on desktop and portrait on mobile and tablet, however, when I rotate to show in landscape I’m having a couple of issues. Basically, if you open the site on mobile you will see that there are two sections (What We Do & The Team) that are formatting to move up the page and show overlapping the section above it. Nowhere does it show this is the site editor, even when I change the size of the browser to imitate a landscape size, which is frustrating to troubleshoot.

I have done a little bit of research and tried to eliminate any VH/SVH as suggested but to no avail.

Any help would be greatly appreciated here.

Cheers

Links below:

https://preview.webflow.com/preview/accounting-4-trades?utm_medium=preview_link&utm_source=dashboard&utm_content=accounting-4-trades&preview=e3c509b66adec7cb1b3016bc25bea1bd&workflow=preview

Accounting 4 Trades

[mkukulka (Maciej Kukulka)]

Hello @Mitch_Smyth

As I good understand, the problem is with two column here:

To avoid this behavior you have to change the construction a little bit. Your parent div with the grid has two columns and your black block.

It is quite messy. What I recommend is to change “Div Block 14” to flex vertical. I also recommend removing 400px from the image max width.

Please let me know if this fix your problem.