[SOLVED] Error for images on mobile devices! - Please help!

[Amatory]

Hi all,

 

We are having a few problems lately on our store.

 

When I check my website on a mobile device (iPhone) I have an issue with image sizes.

 

As you can see from my image i have attached the images are tiny and you can't see them.

 

 

Thanks in advance for your help.

Edited February 2, 2015 by justusguys (see edit history)

[Amatory]

I have now fixed this issue. If anyone else is needing help below is how to fix the small images on mobile devices.

 

You should edit 2 css rules

Open the file /themes/YOUR-THEME-NAME/css/product_list.css

Increase the Width to 100% and this will fix the issues.

line 169
#product_list li a.product_img_link {
float: left;
width: 33%;
}


and line 217
#product_list li a.product_img_link {
width: 29%;
}

Edited February 2, 2015 by justusguys (see edit history)