Archived topic

Video Background Header not working on mobile

1 reply · Started by jonathan on March 29, 2023

Viewing posts 1–2 of 2

March 29, 2023 at 10:12 am #2587560

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:

Thanks for any help!

Jon

March 29, 2023 at 10:34 am #2587598

Hi Jon,

Can you try adding this CSS?

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

This archived topic is closed to new replies.