Coco_OB Posted September 20, 2023 Share Posted September 20, 2023 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 Link to comment
tuanphan Posted September 22, 2023 Share Posted September 22, 2023 Hi, Can you share link to page + change site to public or password-protected? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Coco_OB Posted September 25, 2023 Author Share Posted September 25, 2023 https://www.annitownend.com Here is the page I am referring to. Thanks you Link to comment
Solution tuanphan Posted September 27, 2023 Solution Share Posted September 27, 2023 Try remove this code @media screen and (max-width: 767px) { .gallery-reel { height:30vh !important } .gallery-reel-item { height: 20vh !important } } and add this new code @media screen and (max-width: 767px) { [data-section-id="62d5935faf622577b1cb576c"] .gallery-reel { height:15vh !important; padding: 0 !important; } [data-section-id="62d5935faf622577b1cb576c"] .gallery-reel-list { position: absolute !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Coco_OB Posted October 5, 2023 Author Share Posted October 5, 2023 Thank you so much! That fixed it 🙂 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