Banner Image Mobile Size - Fixed Behaivour

Banner Image Mobile Size - Fixed Behaivour

Braded93
Visitor
2 0 0

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?

 

Screenshot 2024-01-29 at 05.43.00.pngScreenshot 2024-01-29 at 05.51.07.png

Reply 1 (1)

Dan-From-Ryviu
Shopify Partner
11632 2279 2462

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.