Customizing banner image size

Hiya,

Just wanted to know if there is a way to customise the banner size on my site depending on how large the window is and also if possible to customise for the mobile view too?

I have a video/show reel type thing playing in the banner and when the window isn't full screen or is in mobile view it only shows the middle of it which cuts out a lot of the faces in the shots.

Basically, is there a way to make sure the video is always formatted the same size on all platforms and screen sizes?

I don't think I explained that very well, but hopefully that makes sense?

Thank you in advance!

Anyways, here's what I mean from my site:

This is the main site page when it's full screen

This is with a narrower screen (there's a head missing on the right as you can see)

Then this is mobile view, and it's clearly not got the full image

Hi. Can you share link to your site? We can help easier

site is

ktbaxter.com

password: website

thank you!

On 3/26/2021 at 7:42 PM, ktbxter said:

site is

ktbaxter.com

password: website

 

thank you!

Try adding this to Design > Custom CSS(code for Cinemaphotography page)

/* resize mobile video cinemaphotography */
@media screen and (max-width:767px) {
[data-section-id="604b7448a8a00249612af754"] {
    min-height: unset !important;
    height: 30vh;
}
[data-section-id="604b7448a8a00249612af754"] iframe {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}
}

Amazing!

Thank you so much!!