Scaling background videos for mobile

On 6/15/2023 at 9:19 PM, 27Moon said:

thanks for your reply. I've added the code but unfortunately it doesn't look correct, now the header is almost completely gone and actually the black banner up and down is not disappearing. Any hints?

Use this new code

@media screen and (max-width:767px) {
[data-section-id="64496145f57a345d30632979"] {
    min-height: unset !important;
    height: 20vh;
}
    [data-section-id="64496145f57a345d30632979"] h1 {
        font-size: 20px;
        line-height: 30px;
        position: relative;
        top: 50px;
    }
}

Hey Tuanphan, 

I just launched a real estate site and am running into the same thing with a background video. On the desktop it looks totally fine but the scaling on mobile is way off. I am guessing most people coming to my site will be looking on their phones so would love to have it correct. 

Website is www.smithmountainlakerealestate.com

attached a few screen shots. What would be the best way to make sure it fits right on both desktop and mobile. Thank you so much for your time. 

On 6/21/2023 at 11:24 PM, BillyDesign123 said:

Hey Tuanphan, 

I just launched a real estate site and am running into the same thing with a background video. On the desktop it looks totally fine but the scaling on mobile is way off. I am guessing most people coming to my site will be looking on their phones so would love to have it correct. 

Website is www.smithmountainlakerealestate.com

 

attached a few screen shots. What would be the best way to make sure it fits right on both desktop and mobile. Thank you so much for your time. 

 

Can you share link to page where you use video?