How to display products list well on mobile?

-- HikaShop version -- : 2.6.2
-- Joomla version -- : 3.5.1
-- PHP version -- : 5.5.7
-- Error-message(debug-mod must be tuned on) -- : display not well on mobile phone

Please refer to the pictures in attachment.
Main problem is on mobile screen the images of products are too big. and the border is too long and narrow.
How to fix it?you know mobile display support is very important now.

Thank you very much.

Hi,

Please turn on the "use bootstrap design" setting of the HikaShop configuration and that should do it.

Dear Nicolas:
I contacted with responisvizer and give link www.open17.com/fluegas as sample,
they returned to me with codes below.I added into responisvizer css,it works for this category mobile view..

#hikashop_category_information_menu_818 .hikashop_product_image_subdiv {
width: auto;
}

but my site has many categories,
So could you help give me the general css code for all categories,Thank you very much.

Hi,

To apply this css property on all categories, you can use this one instead:

Thank you Xavier,it is solved for categories.
Could you help give me the similar codes for product detail page's main image for example at url: www.open17.com/fluegas/48-testo-350
I need the image attachment to be auto-sized.
Thank you very much.

Hi,

I think that such CSS should do it:
.hikashop_product_main_image_subdiv{ width: auto !important; }

Hello! I would like my appearance of product list to be 3 columns in the screen. I once have followed the CSS settings "width: auto (!important);" inside this forum discussion; I however fail to have such result layout on mobile devices as how I wished ultimately. Is there still anything else wrong with that? Thank you very much!

Hello,

This topic is pretty old, and maybe the root issue is different.
So can you provide an Url link to see this by ourself ?

Regards