Disable zoom in from mobile view on CRAFT Theme

[ChuckySideWays]

I am using craft theme and on the product page (mobile viewing) when the image is tapped on the phone it just zooms in so much instead of just having it fit exactly right on the screen. I want to be able to have the image fit exactly right on the screen and be able to zoom in and out whenever needed

[Moeed]

Hey @ChuckySideWays 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[ChuckySideWays]

zenohaus.com.au

[ChuckySideWays]

zenohaus.com.au 

To be more specific I don't mean to disable the zoom overall but change its feature to not zoom in a certain way. I want to have the photo fill only to the edge of the e.g. mobile screen and also to be able to pinch zoom in and out

[Dan-From-Ryviu]

Hi @ChuckySideWays 

You can disable it by adding this code to Custom CSS in store admin > Sales channels > Online Store > Themes > Customize > Theme settings 

@media (max-width: 749px) {
.product__modal-opener .product__media-icon,
.product__modal-opener .product__media-toggle {
    display: none !important;
}
}

[ChuckySideWays]

how do I know where to place it specifically? 

[ChuckySideWays]

It works but it completely disables the zoom in function. Sorry I should have been clearer. I just wanted to change the zoom in function from what it is right now to 'fill the screen as much as possible' and then you can pinch in and out for zooming. Please see mobile view at zenohaus.com.au to see the current zoom in function it has right now