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
7011 1326 1352

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 or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now