how to optimize the image size on mobile

Solved

how to optimize the image size on mobile

CarStory
Visitor
3 0 0

Hello.

I urgently need a help on my Refresh Theme.

I used a custom liquid code of "product.description" in order to move description part of a product down from image so it shows separately.

However, the image is not optimizing on mobile phone. If you look at the picture i posted below, It's only showing the left part of the image.

I guess the image resolution is too large or something. 

Can you guys please help me on this? 

 

fff.JPG

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
8532 1682 1692

This is an accepted solution.

Hi @CarStory 

Please go to your Online Store > Themes > Edit code > add this code to theme.liquid file, after <head> 

<style>
@media (max-width: 749px) {
#shopify-section-template--18110968987896__custom_liquid_Fc9qBp img { max-width: 100%; }
}
</style>

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 4 (4)

Rahul_dhiman
Shopify Partner
231 43 43

HEllo @CarStory 
Please provide the URL of your website.

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
CarStory
Visitor
3 0 0

carstory.store

Dan-From-Ryviu
Shopify Partner
8532 1682 1692

This is an accepted solution.

Hi @CarStory 

Please go to your Online Store > Themes > Edit code > add this code to theme.liquid file, after <head> 

<style>
@media (max-width: 749px) {
#shopify-section-template--18110968987896__custom_liquid_Fc9qBp img { max-width: 100%; }
}
</style>

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

oscprofessional
Shopify Partner
15961 2387 3095

Hello @CarStory 
Go to online store > Edit theme code > theme.liquid > Insert the code before closing </body>.

<style>
@media (max-width: 767px) {
  body .detail-desc-decorate-richtext img {
     width: 100%;
     max-width: 100%
  }
}
</style>



Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free