How to disable sub-categories on drop down main menu in 1.7

[Selmer]

How do I disable the sub-categories to drop down in the menu but appear on the left in my website?

The drop down menu is ugly with sub-categories but I need the links to show on my product page at least.

 

And btw. do anyone know how to make it possible for the menu to use the full width? At the moment, I can only have 5 categories until the new categories positions on a new row, even though there are plenty of space for many more categories on the same row?

 

www.saxofonverkstaden.se

Best regards

 

[Benny54]

You could try to add the following css to the file custom.css in /themes/classic/assets/css

To disable the sub categories in the top menu try

.top-menu .sub-menu{display:none !important}

To place more items in the menu you could choose a smaller size and or a smaller padding.

In the code below i changed the right left padding from .625rem to .225rem. You could play with these values and also with the font-size in px

.top-menu a{
	font-size: 16px !important;
padding: .1875rem .225rem .375rem !important;		
}