Picture display too big on mobile

-- HikaShop version -- : 2.6.4
-- Joomla version -- : 3.5.1
-- PHP version -- : 5.4.0
-- Browser(s) name and version -- : Iphone

The picture display too big on mobile. can you help fix. thanks

Hello,

In your case the solution will probably be to directly use some CSS code like media queries :

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

I do the modification in the frontend cdd still not work for me, i don't have luck.
@media (max-width: 767px) {
.hikashop_products .row-fluid .span4 { width: 49% !important;}
}

Hi,

Please provide a link of that page.

hi
here is the link
newcityrestaurant.com/index.php/menu/lun...black-pepper-chicken
I use the iphone for this page. thank you

Hi,

You have HikaShop configured to set a height to "220px" for the product image.
pasteboard.co/oWRSNk8Pb.png
That CSS affect the responsive while the inner image is bigger than the 220px height.

Regards,

Hi,

thank you.