How can I adjust image sizes for mobile view on my online store?

[Gerardlopez]

hi when my store is in mobile phone screen size the images have margins on top. 

 

is it possible to make them responsive so they size always matches the frame?

the link is www.reclaimedvessels.com

Thanks!!

Gerard x

[KetanKumar]

@Gerardlopez 

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media screen and (max-width: 590px) {
.product--wrapper {
    margin: 0px auto;
}
}

[Gerardlopez]

@KetanKumar this code messes up with the fullscreen view 

is it possible to have it responsive for all screen sizes?

 

[KetanKumar]

@Gerardlopez 

yes please let me know which screens do you have issue!

[QuintenM]

remove the fixed height from here