Wrong item per line on mobile device

[DARKF3D3]

I don't understand why on all smartphone i see only one product per line.

 

On product-list.tpl file there's these settings:

{assign var='nbItemsPerLine' value=4}

{assign var='nbItemsPerLineTablet' value=3}

{assign var='nbItemsPerLineMobile' value=2}

 

Shouldn't I see 2 products per line on smartphone? I also tested on a Moto G with HD resolution but I always see only one.

[dioniz]

You have that defined by media queries in css.

<li class="ajax_block_product col-xs-12 col-sm-6 col-md-4 first-in-line first-item-of-tablet-line first-item-of-mobile-line">

For screen width smaller then 768px you have this bootstrap class col-xs-12 which means there's only one column in a row.

 

You can read more about it here: http://getbootstrap.com/css/#grid

[DARKF3D3]

Thanks, I'll read the article you linked to understand how it works.