Margins on mobiles

My website is showing white margins on the left and right side on some mobiles, landscape mode.

Can anyone help me figure out the issue, please? the image is from an iPhone XR but on other phones, there’s no issue.

Here is my site Read-Only: [LINK][1]

Hey Rita! Welcome to the forum :slight_smile:

This is due to an iOS setting for iPhone X and newer.

If you set the body background colour, it will use that instead of white.

There’s a post here which may help: Removing the White Bars in Safari on iPhone X

Hopefully this helps!

Hi Jono H! Thank you so much for your response. Since my website has different background colors, how can I edit the ‘viewport-fit meta tag’ and the ‘safe-area-inset-’ (mentioned in the article) on webflow?
Thanks in advance