I just switched to the Dawn theme and have one outstanding problem with my layout between desktop and mobile - on desktop, my slideshow looks fine, but on mobile, the sides of the images are cut off. I’d much rather the full image show and have the image responsively scale. I’ve attached how it looks between desktop and mobile. All of the banners in my slideshow are the same dimensions.
Hello @plannerbunny ,
Greetings from the Store Watchers Support Team! Happy to help you today.
In your theme.liquid, please paste the code below before the tag.
Let me know if need further assistance
Regards,
Store Watchers Support Team
Hi,
it works perfectly but the images disappear after pasting the code. It fixes the mobile-optimized size, but the images don’t display. Could you provide a solution?
Thanks a lot in advance!
Any luck here? The slideshow became responsive but images not showing in mobile version.
If you change height to width, it will then show but there will be a gap:
@media only screen and (max-width:1024px){ .slideshow .banner__media{ width: auto!important; } .slideshow .media>img{ object-fit: contain!important; } }