Responsive list view

-- url of the page with the problem -- : atmospheredailleurs.com/index.php/fr/col...s/chevets/lang-fr-FR
-- HikaShop version -- : 2.3.5
-- Joomla version -- : 3.4.0

Hi,

There is a strange behaviour of the div's margin-left generated by hikashop on the products listing.
All is fine on a bigger resolution(3 collumns), or on mobile display (only 1 collumn) but in tablet mode, it seems that the margin-left generated for each product div break the line before the end.

You can see that on this page : atmospheredailleurs.com/index.php/fr/col...s/chevets/lang-fr-FR

Strangely, when i inpect the code with firebug, i notice that 2 differents values are affected by hikashops js to the same margin-left ( on <li class="span4 hikashop_product hikashop_product_column_2 hikashop_product_row_1">) one of them makes the line expends 100% when i'm in a medium display.

Thanks

Hi,

You issue is coming from bootstrap, there is no HikaShop properties here.
Bootstrap apply a margin-left of 2.76% but a correct value should be 2.12%, you can potentially add a custom css property to override that, something like:

.row-fluid [class*="span"] {
    margin-left: 2.12766% !important;
}

Thats it,

My problem was due to a boosttrap conflict with the Gantry framework.

Thanks