Mobile View Images are zoomed in

[ReeceP]

I have a collection grid of images and buttons that shows the images exactly how I want them to look on mobile view from the admin, but when I access my site from an actual phone the images are super zoomed in. I can't seem to fix it.  Can anyone help?

[Victor]

Hi @ReeceP,

Would you be happy to share your store's URL with me here so I can take a look at my end? What theme are you using on your store?

[ReeceP]

www.sordfishingproducts.com

I believe we are using habitat version 2.2.1

[Victor]

Hi @ReeceP,

Okay, thank you. Can you please specify which images you're seeing that seem zoomed in? Do you have any screenshots that you can share?

[ReeceP]

The computer screenshot is how it looks in mobile view from my admin. The phone screenshot is how it looks accessing the website from a mobile phone.

[ReeceP]

The picture looks fine when accessing the website through a computer though... its just mobile that is zoomed in. But then I also have an issue with one of the other pictures on that page but only when using a computer, not a phone!

[Victor]

Hi @ReeceP,

Right, I see. I checked on my own device and am seeing the same issue you are. Thank you for sharing the screenshot from the admin.

As your using the Habitat theme, my recommendation would be to contact the developers of the theme and ask them if they can assist. You can contact them via their contact page or by email directly (shopify-support@fuelthemes.net). You may receive some advice from others here advising on code changes you can make to fix this issue but I'd still suggest contacting the makers of this theme as this could be an easy fix on their end.