Product images does not resize on mobile Android

-- HikaShop version -- : HikaShop Business: 2.3.2
-- Joomla version -- : 3.3.3
-- Browser(s) name and version -- : Android
-- Error-message(debug-mod must be tuned on) -- : No Error message

We are experiencing some issues regarding the responsive display of images on mobile devices.
The product image does not display correctly, as we have to scroll on the mobile devices when viewing iproducts.

Please could you assist us or point us in the right direction?

Hello,
I think that a solution can be to use Media queries through your CSS file, here is a thread where you'll find an example :

You can do the modifications in the frontend css file via the menu Configuration > Display > CSS
Use the @media tags to change the width of the columns when the width of the page is less than xx.

ex:
@media (max-width: 767px) {
.hikashop_products .row-fluid .span4 { width: 49% !important;}
}

Here is some documentation about the layout customization:
www.hikashop.com/support/documentation/1...ize-the-display.html

Thank you very much for the reply.

We have applied the fix and set the site to use the CSS.

Saved the Frontend CSS after adding the above.

The Responsive template still works 100% for all images, except the Hikashop on mobile phones.

Every single image resizes automatically using the template and articles.

BUT, HIKASHOP images do not resize on mobile phones even with bootstrap enabled.

Please could you assist, is this not out in an update yet?

Awaiting your speedy reply?

Hi,

We set an image width based on the settings in Configuration > Main > Images.
So if you want images with dynamic size you have to override the css properties on the class:

.hikashop_product_image_subdiv{ width: 100% !important;}