Hello Everyone,
My client has a Gallery, Slideshow: Reel block on the homepage of her site that displays logos of clients she has worked with. It looks great and functions well on desktop, but on mobile the images are all tiny at the top of the block (see 'Unaffected Block.png'). I added this code to the custom CSS to fix it:
@media screen and (max-width:767px) {
.gallery-reel {
height: 30vh !important;
}
.gallery-reel-item {
height: 20vh !important;
}
}
It looks great on the site builder's mobile preview (see 'Mobile Preview with Code.png'), but when I look at the live site on my phone the logos disappear (see 'Live Mobile with Code.png').
I waited 48 hours to see if it was just taking time to process the changes on the live site, but checked back today and it still isn't looking right.
Any suggestions on how to fix this?
Thank you!
Coco