Product images too big

Dino_N · ‎04-02-2024

the product picture is too big and it dosent fit. Please tell me how to adjust it.

Raj-webdesigner · ‎04-03-2024

Add This css In your Edit Code > Base.css File

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

Are you looking for Shopify Developer then your search is over I will help you

If you require further help to optimize your store, please don’t hesitate to reach out.

This contribution will always benefit you and you will get my full help easily and you can contact me easily.

Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com

View solution in original post

Raj-webdesigner · ‎04-02-2024

Share Site Preview Link

Are you looking for Shopify Developer then your search is over I will help you

If you require further help to optimize your store, please don’t hesitate to reach out.

This contribution will always benefit you and you will get my full help easily and you can contact me easily.

Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com

Dino_N · ‎04-02-2024

https://4d9834qgsbe546l8-82994757972.shopifypreview.com

Raj-webdesigner · ‎04-03-2024

Add This css In your Edit Code > Base.css File

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

Are you looking for Shopify Developer then your search is over I will help you

If you require further help to optimize your store, please don’t hesitate to reach out.

This contribution will always benefit you and you will get my full help easily and you can contact me easily.

Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com

Raj-webdesigner · ‎04-03-2024

Add This Code For Deskop View

.card__media .media img {
    object-fit: contain !important;
}

Are you looking for Shopify Developer then your search is over I will help you

If you require further help to optimize your store, please don’t hesitate to reach out.

This contribution will always benefit you and you will get my full help easily and you can contact me easily.

Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com

jpiercej · ‎01-28-2025

Where at in the base.css do you add it? I have tried it at the beginning and end and nothing changes. Did save and refresh.

jpiercej · ‎01-28-2025

https://p6coxm0tdygzxqzc-71053410549.shopifypreview.com/products/pet-id-tags-custom-dog-tag-stainles...

Made4uo-Ribe · ‎04-02-2024

Hi @Dino_N

Would you mind to share your store URL? Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. ☕ Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

Dino_N · ‎04-02-2024

https://4d9834qgsbe546l8-82994757972.shopifypreview.com

Product images too big