make product images on product page full width

[zlati84]

i want to make specifically on mobile on the product page - images to be full width. currently there is spacing on both sides and i dont like it. my website is www.bear-tees.com

[zlati84]

u pay 360$ for a stupid premium theme and they dont have the option to have images full width. what a disgraceful **bleep**ty theme. i do not recommend buying it. PALO ALTO THEME IS UTTER **bleep**

[LizHoang]

Hi Zlati84

- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.css and add this code at the end of the file

.product-single__details {
    padding: 0 20px !important;
}

.wrapper {
    padding: 0 !important;
}

Result: 

Best,

Liz

[zlati84]

Liz,

That worked but it also made full width all other images on the product page 😞 i just want the picture from ur screenshot to have 0 padding. all other images to stay as they are. thanks

[zlati84]

also i want it just for the mobile version. For desktop i want it to stay as it is!

[LizHoang]

Can you share some example?