Banner Image Mobile Size - Fixed Behaivour

2 0 0



My store is


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)

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