Product image display for both mobile and desktop sizing

[Bugbuzz456]

Hi does anyone know how to adjust the product sizing to be all the same for both mobile and desktop it seems that whenever i resize the image and upload it the image sizing still remains the same. If anyone knows how to adjust the sizing can reach out to me.

Thank you. 

[websensepro]

Hi @Bugbuzz456  , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

[Bugbuzz456]

Hi this is my store URL www.thriftlepak.com

[websensepro]

@Bugbuzz456 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.media.media--transparent.media--hover-effect img {
    object-fit: scale-down !important;
    height: 100% !important;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

[Bugbuzz456]

Would this help on improving the image display for my products and does the image sizing affect the image quality

[websensepro · Accepted solution]

Yes, this can help improve image display by ensuring the entire image fits within its container, but scaling down might reduce clarity if the original resolution is low.

[Bugbuzz456]

Hi i just tried it works perfectly.

Thank you so much!