Page Background Cuts Off Iphone 11 Landscape

Hello!

We have redesigned our website and ran into an issue: landscape in iphone X and above (which uses tablet view in Webflow) gets the background cut off on the left and right sides. It looks like it stretches in Webflow preview but on the live device, it does not fully stretch across the screen.

Is there a way to fix this? I have tried the overflow settings on tablet and nothing seems to be working.

I saw this post but it did not seem to get resolved (also Apple’s site DOES stretch across the screen in landscape): Page Background cropped on iPhone 11


Here is my site Read-Only: https://preview.webflow.com/preview/brightfieldgroup?utm_medium=preview_link&utm_source=designer&utm_content=brightfieldgroup&preview=c76ea6730b1edefd1faef125605d8d39&mode=preview

Hi Connor, can you try to play with the solutions listed here?

https://sbx.webflow.io/iphone-x-landscape-crop-bars