Resizin prodcut pictues in product page on mobile verison

[radaApeta]

Hi there,

I've already resized the photos on the desktop version, but now I need to adjust them for mobile as well. The goal is to make sure all the shoes fit properly within the box. I'll send two pictures where you can clearly see the issue. Thanks a lot for your help! 😊

Website: https://81e325-28.myshopify.com/

0007

[Tech_Coding]

Hello @radaApeta 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px){
  button.thumbnail img{
      object-fit: contain !important;
   }
}
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @radaApeta 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
@media only screen and (max-width: 600px) {
.thumbnail.global-media-settings img {
    object-fit: contain !important;
}
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.