Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How could I remove a black bar that is showing below the video in the header of the home page?



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

On the home page, the main header has a video running off YouTube in the background. But on certain screen sizes, a black bar shows underneath. I have attached an image as a reference. I wanted to check if there is a way to set the padding to zero and resolve the issue? Or something along those lines, I am not entirely sure if the responsiveness of the site is working that way.

Thank you very much for your help in advance.

Screenshot 2021-10-28 at 17.35.37.png

Link to comment
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

1 answer to this question

Recommended Posts

  • 0

It seems to be due to the video having a wide aspect ratio. Sometimes on different screen sizes you get the black bars. Have you tried uploading the video to the background straight from the file as opposed to going the YouTube route?

Squarespace might handle the cropping better that way.


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