Want to change content height of some media only when viewed on mobile devices

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

Hi,

I would like to change the section height of some content on my website, but only when viewed on a mobile device. For instance I would like to change the content height of the video on my main page to 'S' size, while it remains at it's normal height when viewed on a desktop screen. Also of the video on the OXYCOM page.

Thanks for the assistance.

Hi. Video under this text? ENERGY-SAVING COOLING SOLUTIONS FOR COMMERCIAL AND INDUSTRIAL CLIENTS.

On 3/16/2022 at 4:15 AM, tuanphan said:

Hi. Video under this text? ENERGY-SAVING COOLING SOLUTIONS FOR COMMERCIAL AND INDUSTRIAL CLIENTS.

Yes

Add to Design > Custom CSS

/* Oxycom page video mobile */
@media screen and (max-width:767px) {
[data-section-id="622f9fb37a998e515e8d4bb5"] {
    min-height: unset !important;
    height: 30vh !important;
}
}

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

https://www.smartcoolingsolutions.com/oxycom

On 3/19/2022 at 9:22 AM, tuanphan said:

Add to Design > Custom CSS

/* Oxycom page video mobile */
@media screen and (max-width:767px) {
[data-section-id="622f9fb37a998e515e8d4bb5"] {
    min-height: unset !important;
    height: 30vh !important;
}
}

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

https://www.smartcoolingsolutions.com/oxycom

That worked like a charm.

Thank you.