Make the product image bigger on the phone

Start a Business
1

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
Captura de pantalla 2022-07-05 a las 17.27.24.png980×1192 136 KB

This is the one I want to make bigger:

Captura de pantalla 2022-07-05 a las 17.29.59.png
Captura de pantalla 2022-07-05 a las 17.29.59.png1170×1696 218 KB

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

I appreciate your help on advance!

2

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 :slightly_smiling_face:

1 Like
3

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

4

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.