Site logo

[Support request] Video Background Header not working on mobile

Home Forums Support [Support request] Video Background Header not working on mobile

Home Forums Support Video Background Header not working on mobile

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #2587560
    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

    #2587598
    Ying
    Staff
    Customer Support

    Hi Jon,

    Can you try adding this CSS?

    @media(max-width:767px) {
    .page-hero video.background-video {
        height: auto;
        object-fit: contain;
        width: 100%;
    }
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.