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 on theme.liquid

@media screen and (max-width: 767px){ button.thumbnail img{ object-fit: contain !important; } }

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

[BSS-TekLabs]

• 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 and press ‘Save’ to save it

• Here is the result you will achieve:

• Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.