Product in a row between screen size 980 and 767px

-- url of the page with the problem -- : edim.empire-ltd.kz/category/61-okinava.html
-- HikaShop version -- : HikaShop Business: 2.2.3
-- Joomla version -- : Joomla! 3.2.2 Stable
-- PHP version -- : 5.3.26


When screen size > 980px, products are shown 3 in a row
When screen size < 767px, products are shown 1 in a row

How to make 2 in a row, when screen size between 767px and 980px? Because now the description of the product becomes thinner and is not displayed correctly

Hi,
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

I tried this, but third product goes to new line.

Did you try to play a bit with the width parameter?
It should give results.

Eliot wrote: Did you try to play a bit with the width parameter?
It should give results.

Remove clear: left; in frontend_default.css and now it shows 1, 2 or 3 products in a row, depending on screen width.

Ok, thanks for your feedback .