Need help with mobile version (product page)

[niwa00]

I am encountering problems with the mobile view of my product page. As you can see, they are of different dimensions. 

Is it possible for the mobile view (right picture) to retain the product dimension for the desktop view (left picture)?

My website is: wackywears.co

Password: justwack00

Thanks a lot for your help!

[paramSoft]

Please place this code at the end of theme.scss.

Please make the 'm'  of media small.

@_media screen and (max-width: 590px) {
.grid-product__wrapper .product--wrapper .product--image {
max-width: 311.90664556962025px;
    max-height: 415px;
}
}

[niwa00]

@paramSoft Hello paramSoft,

It doesn't work, the product page on mobile view is still the same.

[paramSoft]

Please make 'm' of media small.@_media screen and (max-width: 590px) {
.grid-product__wrapper .product--wrapper .product--image {
max-width: 311.90664556962025px !important;
max-height: 415px !important;
}
}

[niwa00]

Hey @paramSoft !

Unfortunately, it still doesn't work

[paramSoft]

Please add me as a staff member.

[niwa00]

Invitation sent! @paramSoft 

[paramSoft]

Please check now.

[niwa00]

Hey @paramSoft it works. thanks so much for your help