[Support request] Video Background Header not working on mobile

[jonathan]

Hi,

I followed this document, which I’ve implemented dozens of times before: https://docs.generatepress.com/article/page-hero-background-video/

For some reason, the video is not resizing on mobile, and going way outside the viewport, as you can see here:

https://buildcitywide.spin350.com/

Thanks for any help!

Jon

[Ying]

Hi Jon,

Can you try adding this CSS?

@media(max-width:767px) {
.page-hero video.background-video {
    height: auto;
    object-fit: contain;
    width: 100%;
}
}

[Author]

Posts