Gallery: Reel Displaying odd on mobile

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

Hi,

Can you share link to page + change site to public or password-protected? We can check easier

https://www.annitownend.com

Here is the page I am referring to.

Thanks you

Thank you so much! That fixed it 🙂