Hi all,
I am facing a problem; for some reason shopify automatically zooms in on all the images on desktop I use for the banner of my website. I have tried uploading different images sizes but it doesn’t seem to help.
Does anyone knows how to fix this problem?
website: https://ordinarythings.club
Example on website:
Original Image
Thank you!
Hello @Vlavlip ,
I have reviewed your store and understand the issue of banner image.
I believe you have selected a “Ambient movement” Animation effect in theme customizer https://prnt.sc/esAVmLsOvnVd , as in this option the moving effect of zoomed banner images will appear.
Please follow the below mentioned steps to resolve this issue.
Go to Online Store → Theme → Click Customize button https://prnt.sc/Jq0LbKimKwgy
Now click on the Image Banner https://prnt.sc/aSX6OvKPo6Ql
Next , scroll and change the Image Behavior https://prnt.sc/x0HfvBTMPrML and save.
I hope it helps.
Please let me know if you have any query.
Thank you.
Thank you for your message. I have tried this before but it doesn’t seem to help.
Image behavior is now set to none.
Any other solution?
having the same issue, cannot find any solution anywhere in the forum! sticking around for someone to help you out!
Hello @Vlavlip ,
Ok, Please add the below mentioned code in your store base.css file.
Open the the code editor https://prnt.sc/mSIRMRHNAnVk
Open and paste the below mentioned code at the end of base.css file https://prnt.sc/nwZef0sqrAaT
.banner > .banner__media > img {
object-fit: fill;
}
Output -
I hope it helps
Please let me know if you have any query.
Thank you.
Thx for the suggestion.
Unfortunately it still doesn’t really help because now the images is stretched weirdly out of proportion. Any suggestions?
Hello,
I’m experiencing the same issue. I’ve tried the code mentioned below and the banner image is stretched weirdly out of proportion too.
I would really appreciate a solution as I’ve been looking for answers quite a long time and couldn’t find anything on the forum.
Kind Regards
Bumping up the post as facing same issue.
Hi, just wondering if anyone found a solution to this? Every banner seems to distort in one way or anything + we can’t use any banners with text on because it just zooms straight in on the text and makes it impossible to find the right dimensions/ aspect ratio 
