Jump to content

White Bar At Bottom of Black Background Page

Recommended Posts

Site URL: https://www.hammerheadaudio.com/

Hi, I have a website where the background color for the homepage is black. On mobile or when I have the browser window at a small size this works fine, but when I enlarge the browser window on my laptop a white area shows up at the bottom of the screen (screenshot attached). I can get rid of this by installing an empty black footer, but this adds a bunch of blank space people can scroll through on my entire site, which feels like a worse problem. I've tried some different settings to try to get rid of this but none have worked as of yet. Anyone know what might be causing this and how I can fix it? Feels like a bug in how Squarespace handles its background rendering. I'm getting this issue on a 15-inch MacBook pro using Google chrome. 


Link to comment
  • Replies 2
  • Views 2.8k
  • Created
  • Last Reply

Hi! I had the same issue and found a workaround.

In thew body of your page, you can add a spacer block just below whatever other content you have. You can make this spacer block as tall as you need and it will cover that white bar at the bottom.


Hope it helps.


Link to comment
  • 5 months later...

I had the same issue with my site.  It turned out the problem was disabling the footer which caused the the white bar.  You can either enable the footer and colour the background black, or use this code to hide the footer completely (I use a Brine template, this YouTube video was helpful:  '.Footer {display: none!important;}'

 .Footer {display: none!important;}

Link to comment


This topic is now archived and is closed to further replies.

  • 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.