CMS Made Simple Forums

Hi all.

I have a site up and running for some years now, and I need to do something to my menus. The problem i need to solve is the fact that when putting the mouse on a menu with children they all expand at once. This would not be a problem if I only had one child in the 2:nd or 3:rd level, but there could be several childs, thus ending up on top of each other. What i would like is that when hovering the mouse over the menu, it only expands one level, and when moving to that 2:nd or 3:rd level, the child for that level is expanded.

The site: http://www.skanskakustfiskeklubben.se

The problem can bee seen in the "Utrustning" menu, where "Filmer och böcker" have two childs that both have several childs.

I hope you understand what I mean, and probably you can point me in the right direction to tidy this menu up.

Mats

In your menu style sheet there is a comment about adding more to make the 4th levels work, it looks like you did that but you left the words just add when a style sheet gets to something like that it stops reading anything below that, remove plain text from css and see if it helps...

Well, the menus still ends up on top of each other. Even though I fixed the stylesheet.

Mats

When it says to add them it means in the call in order where they should be...

#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
  display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
  display: block;
}

Ahhh....now I got it....stupid me....

Works like a charm. Thanx!

Mats