interstellarhaze Posted March 15, 2022 Share Posted March 15, 2022 (edited) 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. Edited March 15, 2022 by interstellarhaze Link to comment
tuanphan Posted March 16, 2022 Share Posted March 16, 2022 Hi. Video under this text? ENERGY-SAVING COOLING SOLUTIONS FOR COMMERCIAL AND INDUSTRIAL CLIENTS. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
interstellarhaze Posted March 17, 2022 Author Share Posted March 17, 2022 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 Link to comment
tuanphan Posted March 19, 2022 Share Posted March 19, 2022 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 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
interstellarhaze Posted March 20, 2022 Author Share Posted March 20, 2022 (edited) 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. Edited March 20, 2022 by interstellarhaze Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment