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

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.

.row-fluid .hikashop_product_column_1, .row-fluid .hikashop_category_column_1, .row-fluid-7 .hikashop_product_column_1, .row-fluid-7 .hikashop_category_column_1, .row-fluid-8 .hikashop_product_column_1, .row-fluid-8 .hikashop_category_column_1, .row-fluid-10 .hikashop_product_column_1, .row-fluid-10 .hikashop_category_column_1 {
margin-left: 0 !important;
/* clear: left; */
}

Ok, thanks for your feedback .