Hi everyone,
I’m having an issue with the slideshow on my Shopify store. It looks fine on desktop, but on mobile the images don’t resize properly and the layout looks broken.
Does anyone know how I can fix or optimize the slideshow so it looks good on mobile devices as well? Any advice, best practices, or code adjustments would be super helpful.
Thanks in advance!
WEBSITE rdmalta.com
Hi there,
This usually happens because slideshow images aren’t set to scale properly on mobile. Try adding this to your theme’s CSS:
.slideshow__image {
background-size: cover !important;
background-position: center !important;
}
Also, make sure your images are uploaded in the right dimensions so they resize well. If you share your theme name, I can guide you more specifically.
Hi thx for reply so my theme is rise , maybe could you have a look? i can share my collaborator code also , let me know thx