FROM CACHE - en_header
Promotion image

We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Product images too big

Solved

Product images too big

Dino_N
Tourist
3 0 1
‎04-02-2024 01:40 PM

C2A4DF7D-0602-4930-AF83-FA35CFCA7417.png

 

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

785 Views
1 Like
Report
Accepted Solution (1)
In response to Raj-webdesigner

Raj-webdesigner
Shopify Partner
363 90 90
‎04-03-2024 12:39 AM

This is an accepted solution.

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

719 Views
0 Likes
Report
Replies 8 (8)

Raj-webdesigner
Shopify Partner
363 90 90
‎04-02-2024 01:42 PM

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


783 Views
0 Likes
Report
In response to Raj-webdesigner

Raj-webdesigner
Shopify Partner
363 90 90
‎04-03-2024 12:39 AM

This is an accepted solution.

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


720 Views
0 Likes
Report
In response to Raj-webdesigner

Raj-webdesigner
Shopify Partner
363 90 90
‎04-03-2024 02:08 PM

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


706 Views
0 Likes
Report
In response to Raj-webdesigner

jpiercej
Visitor
2 0 0
‎01-28-2025 08:54 AM

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.

296 Views
0 Likes
Report

Made4uo-Ribe
Shopify Partner
10211 2427 3079
‎04-02-2024 02:48 PM

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.
754 Views
0 Likes
Report
Terms of Service Privacy Policy