Body not taking up broswer width

Hey! Happy February everyone.

For some reason, the body of my site isn’t taking up the full width of my iPhone’s browser when in landscape orientation. When using a mobile simulator on my computer, the site takes up the full width as intended. See the attached photos of the head and footer of my site with white bars on the side.

Any ideas are appreciated. Thanks in advance!


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

Hey.
When I view the website through my iphone I see nothing special. Maybe you want to clear your browser’s cache?

Thanks so much for looking into this. I’ve cleared my cache and still have the same issue.

I’m wondering if it has something to do with the notch on my iPhone X. The blank areas are about the same width as the notch.

Would you be able to send me a screenshot of the site taking up the whole width of your phone in landscape? Thanks

Turns out it’s a known issue with the iPhone’s notch. It’s solved here.