product image not resized on small mobile screens

  • Posts: 45
  • Thank you received: 0
6 years 6 months ago #280802

-- url of the page with the problem -- : www.au-dedans.be/index.php/webshopje/category/18-glaswerk
-- HikaShop version -- : 3.2.0
-- Joomla version -- : 3.8.1
-- PHP version -- : 5.4.16
-- Browser(s) name and version -- : safari 11.0

Hi,

When showing the webshop page with all its categories the images of the categories are resized on small screens (see screenshot). When going inside a category showing the products the images of the products are not resized on small screens (see screenshot) so they overlap each other. What can I do about this to have all images at all times resized on small screens?

Also the add to shopping cart button is not resized. Could you do also something about that?

Wbr,
Luc

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 81513
  • Thank you received: 13067
  • MODERATOR
6 years 6 months ago #280817

Hi,

Please note that you're using HikaShop 2.6.4 and not HikaShop 3.2.0
With HikaShop 2.6.4, you need to activate the "use boostrap design" setting of the HikaShop configuration for the listings to be responsive (display properly on mobile). This requires your template to support boostrap 2.
With HikaShop 3.2.0, the listings are responsive by default, without the need for bootstrap at all.
So you have 3 solutions:
- turn on the use boostrap design and make sure that your template supports boostrap 2 and it should do it
- update to HikaShop 3.2.0
- Add custom CSS to do the responsive yourself with @media queries.

Please Log in or Create an account to join the conversation.

Time to create page: 0.061 seconds
Powered by Kunena Forum