Shopify themes, liquid, logos, and UX
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?
Hello @Vlavlip ,
Ok, Please add the below mentioned code in your store base.css file.
1. Open the the code editor https://prnt.sc/mSIRMRHNAnVk
2. 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;
}
3. Save changes.
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?
having the same issue, cannot find any solution anywhere in the forum! sticking around for someone to help you out!
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
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025