Make the product image bigger on the phone

[jtorres]

Hello, how can I make the product image bigger (that covers the whole screen) on the phone, just like this example:

This is the one I want to make bigger:

Link: https://innovamaxx.co/products/pm

I appreciate your help on advance!

[WoodyDev]

Hi!

Head into your pre_theme.min.css and search for the following code:

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

Set the values of padding-right and padding-left to 0 🙂

[jtorres]

Hello @WoodyDev, thanks for your help! 

It worked, but the problem is that it replicated it to the whole page and not just to the image section. Is there any way to apply it only to the product imagary 

[WoodyDev]

From what i can see the whole page is within that container and the container is what has the padding, so it would require a re-code of the product page layout to apply it only to the image.