Changing product image full width on mobile view

Store Design
, , , ,
1

Hey, is there a way to make our product images full width on mobile view? I’ve been trying to find a solution for this and try all of the options from here but nothing seems to work. I would appreciate any help with this. Thanks!

My store: https://berry-helsinki.com/

The issue:

IMG_6145.jpeg
IMG_6145.jpeg1179×1977 104 KB

The desired outcome:

IMG_6146.jpeg
IMG_6146.jpeg1179×1740 76.9 KB

2

Hello,

Go to the Online Store >>> Theme >>> Action >>> Edit Code

Find theme.css/base.css file
Add this code

.page-full, .page-width {
    padding: 0;
    margin: 0;
}

Thank You.

3

Hey, this makes the whole page full width, I only want the product image full width. Thanks!