CarolineCollard Posted April 17, 2020 Share Posted April 17, 2020 Site URL: https://www.plantbasedhealthuk.com/ At the top of my homepage www.plantbasedhealthuk.com I have a slideshow gallery. It displays fine on desktop, but portrait mobile view is not scaling down to the screen size. It appears huge and you can only see part of the image. Can anyone help with code or another way to rectify this please? Link to comment
tuanphan Posted April 18, 2020 Share Posted April 18, 2020 Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .homepage .gallery-fullscreen-slideshow[data-width="full-bleed"] { height: 30vh !Important; } } CarolineCollard 1 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
CarolineCollard Posted April 20, 2020 Author Share Posted April 20, 2020 On 4/18/2020 at 3:00 PM, tuanphan said: Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .homepage .gallery-fullscreen-slideshow[data-width="full-bleed"] { height: 30vh !Important; } } Amazing thank you. One more thing! Is there any way to reduce the white gap that has now appeared above and below this?? Link to comment
tuanphan Posted April 21, 2020 Share Posted April 21, 2020 On 4/20/2020 at 9:04 PM, CarolineCollard said: Hi. Which gap? can you take screenshot? 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
GOKombucha Posted February 15, 2021 Share Posted February 15, 2021 Hi @tuanphan I'm having a similar issue and cannot fix it. The slideshow at the bottom of my homepage on gokombucha.co.uk is not displaying at full width for mobile. Screenshots are attached for desktop and mobile. Can you please help? Thanks! Hugo Link to comment
tuanphan Posted February 18, 2021 Share Posted February 18, 2021 On 2/15/2021 at 10:28 PM, GOKombucha said: Hi @tuanphan I'm having a similar issue and cannot fix it. The slideshow at the bottom of my homepage on gokombucha.co.uk is not displaying at full width for mobile. Screenshots are attached for desktop and mobile. Can you please help? Thanks! Hugo Add to Design > Custom CSS /* resize slideshow */ @media screen and (max-width:640px) { section#go-kombucha-tea img { width: 100% !important; height: auto !important; left: 0 !important; } section#go-kombucha-tea { min-height: unset !important; height: 220px; } } 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