Jump to content

How to remove white borders on mobile?

Recommended Posts

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.




Link to comment
  • Replies 6
  • Views 1.6k
  • Created
  • Last Reply

Top Posters In This Topic

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.

Link to comment
  • 1 year later...
On 4/21/2022 at 4:07 AM, HG-Design said:


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 pleaseIMG_5979.thumb.PNG.a40b0027d9261b20dbcf12967d7e04c3.PNG?


Thank you

Try adding to Design > Custom CSS

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


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 years later...

the white line on @HG-Design's screengrab will not get wider by changing the background image. It won't span the full width, which is the issue at hand here. 

And not sure if this is only on iPhones, as I don't have other devices to test on.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.