I have a bunch of categories, so I had to be a little creative in the way I wanted to show them. With some simple CSS you can do the same.
Add in /themes/default/css/custom.style.css
|
1 2 3 4 5 6 |
/* Desktop Nav Columns */ nav.navbar-findcond ul.dropdown-menu.categories-drop-down { columns: 3 !important; -webkit-columns: 3 !important; -moz-columns: 3 !important; } |
You’ll need to clear your cache for this to fully take effect. Some users won’t see this until they delete their cache, so to resolve this problem I like to provide a version number for the CSS file. To do this is simple.
Find in /themes/default/layout/container.html
|
1 |
<link rel="stylesheet" href="{{CONFIG theme_url}}/css/custom.style.css"> |
Replace with
Find in /themes/default/layout/container.html
|
1 |
<link rel="stylesheet" href="{{CONFIG theme_url}}/css/custom.style.css?v=1.0.0"> |
As you can see from the above code we just added ?v=1.0.0 to the end. Anytime you add or modify code in this custom stylesheet just simply add onto it. So for example if you make a change after this, then it would become ?v=1.0.1