Mobile menu remove products and categories

-- url of the page with the problem -- : www.buang.nl/index.php
-- HikaShop version -- : 2.5.0
-- Joomla version -- : 3.4.4

Hello,

I have a lot of products and on my normal website that is no problem but if I go to my mobile the menu is getting way to long (see my website www.buang.nl ). So I want to remove all the products and categories from the mobile menu. I already searched through the forum but coulnd't find anything that helped.

Please help me if it is really simple i am sorry but i am stuck .

Hello,

Isn't there a way in css to say .hikashop.products{ dontshow; } for example. Because then i can just add that to my mobile css file.
and btw thanks for the fast reply

Hello,
The CSS property that you are looking for is

.hikashop.products{ 
display:none;
 }

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