All things Shopify and commerce
Hi,
My image banner gets cropped on desktop.
It looks fine on the mobile page.
I'd like to have the same visual on the desktop banner as it is at the moment on the mobile page.
Or at least as similar as possible.
It has to much zoom at the moment on the desktop view.
I can't seem to figure it out.
It would be much appreciated is there is someone who can help me out!
Store: https://sterrenstof.store/
I removed the password.
Please let me know if you need anything else.
Thanks!
Hi @JimmyJT,
Your problem is not that the image zooms too much. Essentially, your problem is that your image doesn't have enough width, so Shopify increases the image size to fill the width of the browser window.
You are encountering such a problem because you are using an image with a ratio different from the ratio recommended by Shopify. The recommended ratio for image banners by Shopify is 3:2. The best solution is to replace the current image with a new image with the appropriate ratio
If you still want to use the current image, you can try the following solution:
In Online store, select Themes -> Customize
In the Home page, select Image banner, in the banner height section, select Adapt to first image.
Click Save to save changes
The result:
Hope it helps @JimmyJT
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024