calledchosenapprl Posted April 1, 2022 Share Posted April 1, 2022 Site URL: https://parrot-octahedron-wlc9.squarespace.com/config/ I have created my website exactly how I want it on the desktop version. However, the cover photo "Called & Chosen Christian Apparel" does not fit the mobile version how I want it to. The cropping on the mobile version cuts out the words so they cannot be read. I want to be able to read the entirety of the photos that slide at the top of the page when on mobile version. I have read that I need to code something, but I don't know how to do that. Thanks in advance! Link to comment
tuanphan Posted April 2, 2022 Share Posted April 2, 2022 Hi, Add to Design > Custom CSS /* Resize mobile home slideshow */ @media screen and (max-width:767px) { body.homepage .gallery-fullscreen-slideshow { height: 25vh !important; } } 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
calledchosenapprl Posted April 10, 2022 Author Share Posted April 10, 2022 On 4/2/2022 at 5:38 AM, tuanphan said: Hi, Add to Design > Custom CSS /* Resize mobile home slideshow */ @media screen and (max-width:767px) { body.homepage .gallery-fullscreen-slideshow { height: 25vh !important; } } This worked!! Thank you so much! Link to comment
VPerfeito Posted June 4, 2022 Share Posted June 4, 2022 (edited) @tuanphan Can this be done to with a video file? https://www.portanova.pt/ Thank you Edited June 4, 2022 by VPerfeito Link to comment
tuanphan Posted June 10, 2022 Share Posted June 10, 2022 On 6/4/2022 at 7:07 AM, VPerfeito said: @tuanphan Can this be done to with a video file? https://www.portanova.pt/ Thank you Use this CSS @media screen and (max-width:767px) { [data-section-id="6251f2d8a7b6271ae9b6d286"] video { width: 100% !important; height: auto !important; left: 0 !important; } [data-section-id="6251f2d8a7b6271ae9b6d286"] { min-height: unset !important; height: 25vh; } } 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment