hikashop_category_column_1 remove width

-- url of the page with the problem -- : http://
-- HikaShop version -- : Business 2.6.1
-- Joomla version -- : 3.4.8
-- PHP version -- : 5.6
-- Browser(s) name and version -- : All

<div class="hikashop_category hikashop_category_column_1 hikashop_category_row_1" style="width:24%;">

Hello,
Note that a solution can be to directly change it through your CSS file by using the class : .hikashop_category
Also note that to adapt your display regarding the device you're using, the best solution will be to use : media queries :

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

Thanks Mohamed,

In css I couldnt get it to work because the hardcoded width overruled, even with !important. But maybe I did not do it the right way.

Anyway, I found the file that generates it and have made an override to remove the width.

Only problem I still have is on the categories & product pages when you have more than 4 items, it gives a hardcoded clear:both which I don't want because on smaller devices when I present 3 products per line on the next line after the first (4th) product it starts on a new line. So I have rows like

3 products
1 product (clear both should be removed here)
3 product
1 product (and here, etc)

I need to get ride of this: <div style="clear:both"> <!-- I need to remove this one !! --> after:
hikashop_category hikashop_category_column_4 hikashop_category_row_1

<div class="hikashop_category hikashop_category_column_4 hikashop_category_row_1">
				<div class="hikashop_container">
					<div class="hikashop_subcontainer ">
<div style="height:140px;text-align:center;clear:both;" class="hikashop_category_image">
	<a href="/categorie/14-foulards" title="Foulards ">
		<img class="hikashop_product_listing_image" title="" alt="foulards en spreien" src="/media/com_hikashop/upload/thumbnails/140x140f/foulards en spreien.jpg">	</a>
</div>

<span class="hikashop_category_name">
	<a href="/categorie/14-foulards">
		Foulards 	</a>
</span>					</div>
				</div>
			</div>

<div style="clear:both"> <!-- I need to remove this one !! -->

</div>
<div class="hikashop_category hikashop_category_column_1 hikashop_category_row_2">
				<div class="hikashop_container">
					<div class="hikashop_subcontainer ">
<div style="height:140px;text-align:center;clear:both;" class="hikashop_category_image">
	<a href="/categorie/15-gordijnen" title="Kant-en-Klaar Gordijnen">
		<img class="hikashop_product_listing_image" title="" alt="" src="/media/com_hikashop/upload/thumbnails/140x140f/cutwork-gordijnen.jpg">	</a>
</div>

<span class="hikashop_category_name">
	<a href="/categorie/15-gordijnen">
		Kant-en-Klaar Gordijnen	</a>
</span>					</div>
				</div>
			</div>

Thanks Nicolas,

Appearantly I wasn't looking hard enough, found the code and diasabled it. Working great now.