All things Shopify and commerce
Hi,
My store is https://www.avabear.shop/
Struggling to find a solution to this:
I've used an image banner and set the image behaviour to fixed to create a scrolling effect. On desktop it looks great, however on mobile it has stretched the image.
Is there any way I can decrease the width/size of the image or do I have to upload another image that is specific to mobile?
Hi @Braded93
You can try to add this code in Custom CSS of that section on your Online store > Themes > Customize and check if it fits your request
@media(max-width: 749px) {
img {
object-fit: contain;
}
}
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025