Resizing videos for mobile

Site URL: https://www.gershleroi.com/

I can't seem to get my videos to resize for my mobile site so they end up getting cropped. Can anyone help?

Password: GERSHLEROI2022

Hi,

Where is video? I don't see above video on homepage

Hi, the video is on this page https://www.gershleroi.com/selected-work/children-of-zion

On 1/17/2022 at 3:00 PM, Gersh said:

Hi, the video is on this page https://www.gershleroi.com/selected-work/children-of-zion

Try adding to Design > Custom CSS

/* Children of Zion video mobile */
@media screen and (max-width:767px) {
    [data-section-id="61dd996503aa4d2628fc5ae3"] video {
        width: 100% !important;
        height: auto !important;
        left: 0 !important;
    }
     [data-section-id="61dd996503aa4d2628fc5ae3"] {
         min-height: unset !important;
         height: 35vh;
     }
}

Thanks a lot! That works, will the same code work for the video at the bottom of the page as well?

On 1/21/2022 at 4:22 PM, Gersh said:

Thanks a lot! That works, will the same code work for the video at the bottom of the page as well?

With video in another section, replace with new section id, use this tool to find id.

https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en