Jump to content

Background Video not filling content area

Recommended Posts

Site URL: https://www.servagency.com.au/

Hello, 

The site is live, no password needed. 

I can't figure out why the background video is not filling the background section. It seems like the min-height I have set for the hero banner is being applied to the video. Any help would be appreciated.  

This is what it is meant to look like:

66348608_ScreenShot2022-05-24at15_06_19.thumb.png.1fa5436861850ef5441ab98207710810.png

 

This is resizing the browser:

 344887011_ScreenShot2022-05-24at14_53_43.thumb.png.b2ac125fe9452afc0292ada2ed86d841.png

 

 

CSS for the section below: 

// Home Hero Banner
@media only screen and (min-width: 874px) {
  section[id*="hero-banner"] {
    min-height: unset! important;
    min-height: 87vh! important;
    h1 {
      color: #fff;
      font-weight: 700!important;
      font-size:     1.75rem;
    }
  }
}
@media only screen and (max-width: 873px) {
  section[id*="hero-banner"] {
    min-height: unset! important;
    min-height: 38vh! important;
    h1 {
      color: #fff;
      font-weight: 700!important;
      font-size:     1.5rem;
    }
  }
}

Link to comment
  • Replies 0
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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.