Landscape Mobile/Tablet formatting issue


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.


Links below:

Hello @Mitch_Smyth

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

Zrzut ekranu 2023-12-10 o 21.31.38

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.