How to remove white borders on mobile?

Site URL: https://dirtyrubbers.com/

Hey everyone,

I recently noticed my website has these white borders around it on mobile (see pics attached) and I would like to remove them.

First pic is portrait with extra whitespace at the very bottom of my home page.

Second one is landscape again at the very bottom of my home page, with extra whitespace on the bottom, left and right.

I have circled the whitespace areas in question using red for your convenience.

Regards,
Sotiris

Looks fine here. Did you solve?

If no, which mobile/browser/browser version do you use?

3 hours ago, tuanphan said:

Looks fine here. Did you solve?

If no, which mobile/browser/browser version do you use?

The above screenshots are on the latest version of Firefox on an iPhone XR.

The same white borders appear on Safari 13.1 on an iPhone XR as well, but only on landscape.

Hi

We are having a similar issue on a iPhone 12 Pro screen in landscape as shown in image. It doesn't seem to stretch the banner image full span as it does on larger screens or on iPhone in portrait, 

Is there a way to fix this please?

https://wvcharge.squarespace.com 

Thank you

On 4/21/2022 at 4:07 AM, HG-Design said:

Hi

We are having a similar issue on a iPhone 12 Pro screen in landscape as shown in image. It doesn't seem to stretch the banner image full span as it does on larger screens or on iPhone in portrait, 

Is there a way to fix this please?

https://wvcharge.squarespace.com 

Thank you

Try adding to Design > Custom CSS

.section-background img {
    width: 100% !important;
    object-fit: cover !important;
}

Thank you Tuan however it doesn't seem to have fixed the issue.