0

I have a long list with subitems which fall into the same category. As the submenu is growing, I want the submenu to break over in listing the sub menu items in 2 columns. Anybody out there knowing the trick how to do that?

see here illustrated my issue:

topmenu item
-submenu 1
-submenu 2
-submenu 3
-submenu 4
-submenu 5
-submenu 6
-submenu 7
-submenu 8
-submenu 9
-submenu 10

I need it to be like this:

topmenu item
-submenu 1   -submenu 6
-submenu 2   -submenu 7
-submenu 3   -submenu 8
-submenu 4   -submenu 9
-submenu 5   -submenu 10

Cheers from Denmark :-)

Jeannine

Sicco
  • 6,167
  • 5
  • 45
  • 61
Jeannine
  • 3
  • 2

1 Answers1

0

You can try this using changing the css of superfish menu.

.sf-shadow ul {
    background: url("../images/shadow.png") no-repeat scroll right bottom transparent;
    padding: 0 8px 9px 0;
    width:300px;
}

and in 

.sf-menu ul li {
    width: 50%;
}
Pramod Kumar Sharma
  • 7,851
  • 5
  • 28
  • 53
  • Pramod :-) Thank you soooo much indeed! That was the key to solv the problem! You are my hero! Thank you! – Jeannine Sep 06 '12 at 14:58
  • uuuuupps, just another question.. is there any way to tell the system to apply the separation into 2 columns for submenus with more than 10 items only..? – Jeannine Sep 06 '12 at 15:07
  • We are doing this using css so there is no option of apply such condition..:) – Pramod Kumar Sharma Sep 06 '12 at 15:16
  • Hello again. I was just thinking if there might be a possibility to add a class to the certain submenu items where we can apply the styles you suggested above? Can you also tell how to upvote and accept you? – Jeannine Sep 07 '12 at 07:10