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 or marking it as a solution.
For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS
BSS Commerce - Shopify Apps & Store Development Service Provider
Hire a Shopify expert | Shopify Plus Store Development
User | RANK |
---|---|
48 | |
46 | |
39 | |
28 | |
21 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023