Images too large on Mobile Phone

When selecting a category when on a Iphone 4 for example, the page is overwhelmed with a single extra large product image.  
Is there anywhere in the code I can go in and make this image a little smaller?

8 answers

Profile photo of Ziven Staff 100280.00 $tone March 11, 2015
Public

Hi Tswec,
I am sorry for not getting your points. It would be awesome if you can possibly include URL of your site and a screenshot with detailed explanation. I am happy to help you out.
Best Regards,
Ziven.

#1
Profile photo of Ziven Staff 100280.00 $tone March 16, 2015
Public

Hi Tswec,
Please go to the file: skin\frontend\default\jm_book\css\layout-mobile.css end the file add below the code:

.category-products .product-image img, 
.products-grid .product-image img {
width: auto;
}

.products-grid li.item .product-image a {
display: inline-block;
}

Best Regards,
Ziven.

#5
Profile photo of Tarina Weese 750.00 $tone March 16, 2015
Public

Hello,
I would like the category view to display in mobile like our new releases show on the home page.  Is that possible, because the category view image is just too large on mobile devices and the above code doesn’t work.
 
Thank you!
 

#6
Profile photo of Ziven Staff 100280.00 $tone March 18, 2015
Public

Hi Tswec,
Now it working fine. I’m changed it for you. i’m changed the file: /public_html/skin/frontend/default/jm_book/css/layout-mobile.css
Best Regards,
Ziven.

#7

This question is now closed

Written By

Comments