Make the product image bigger on the phone

jtorres
Explorer
66 0 17

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

Captura de pantalla 2022-07-05 a las 17.27.24.png

 

This is the one I want to make bigger:

Captura de pantalla 2022-07-05 a las 17.29.59.png

 

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

 

I appreciate your help on advance!

 

Replies 3 (3)

WoodyDev
Shopify Partner
578 115 192

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 🙂

Woody, 29, Stafford, UK | If I helped you out, mark it as the solution and drop me a thumbs up! | This is just a hobby for me, not my full-time job, so tips are greatly appreciated! paypal.me/woodybruh | Developer for AimShop.com | Owner of WoodyDevelopments | Try the best Shopify page builder
jtorres
Explorer
66 0 17

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
Shopify Partner
578 115 192

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.

Woody, 29, Stafford, UK | If I helped you out, mark it as the solution and drop me a thumbs up! | This is just a hobby for me, not my full-time job, so tips are greatly appreciated! paypal.me/woodybruh | Developer for AimShop.com | Owner of WoodyDevelopments | Try the best Shopify page builder