FROM CACHE - en_header
Promotion image

Re: 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.

707 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

641 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


705 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


642 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


628 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.

218 Views
0 Likes
Report

Made4uo-Ribe
Shopify Partner
10203 2423 3069
‎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.
676 Views
0 Likes
Report

Community Blog Articles

441285313-63bbef53-3fbe-4e8b-a706-5b37afa90468.png
Automate store operations with Shopify Academy & Coding with Jan

Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...

By Jacqui May 7, 2025
April.jpg
Highlighting our Members of April '25

Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...

By JasonH May 2, 2025
page_thumb_partner.jpg
Enhance a brand’s visibility with Shopify Academy's new SEO resources

Discover opportunities to improve SEO with new guidance available from Shopify’s growth...

By Jacqui May 1, 2025
Terms of Service Privacy Policy