Header video doesn't fit on front page

Hi,

I’ve selected header type: video as 1920x1080, however I 've also noticed that it doesn’t scale to fit the screen like a header type: image. my video is taller if I have a wider screen, or shorter otherwise. Is there a way to crop the videos as well to always fit?

Thank you :slight_smile:

Hello there,

Do you have a link to your site to share here, so I can have a look?

Regards,
Kharis

Hi Kharis,

Of course. Please have a look at the front page in https://yogaalloy.com

Thanks

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .sydney-hero-area #wp-custom-header {
      max-height: 100vh !important;
      overflow: hidden;
    }

Regards,
Kharis

Genius, it worked like a charm. Thank you Kharis! :smiley:

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis