CMS Made Simple Forums

OK...I've scoured the board for answers, and tried everything I can think of with the menu parameters (collapse, number of levels, etc. etc.) but I still can't get my menus to behave.

For instance... I have a top-level menu item called "events"...under that is an item called "calendar" which has two levels of menus under that.  But when I hover over "calendar", all the levels below it are revealed, rather than JUST the next level beneath.

Like I said, I've tried playing with the menu parameters to no end, with little success. I thought that "number_of_levels" dictated the number of sublevels show when hovering over an item, but it literally restricts how many levels are show, period.  If I have this set to "1", hovering over the topmost menu items causes NONE of my drop down menu to appear! And if I have it set to "2" the first level of menus appear, but none of the levels below it, etc.

I obviously don't understand how the parameters work...can anybody help?

Thanks!
Bryan

Oh, and here's a "visual" example of what I'm referring to:

Topmost Item
--------------------
Item A
Item B
  Item C
      Item D
        Item E
     

So if I were to hover over item B, Items C, D, and E would all appear.  Obviously, what I want is for only Item C to appear.  Then when item C is hovered over, only Item D would be added to the flyout, then hovering over Item D would add Item E to the flyout, etc.

Without having a look at the site I would say you need to look at the CSS for the menu it has some comments about adding more levels extending the ul li ...

/*
just add
#primary-nav li:hover ul ul, this should be ul ul ul
#primary-nav li.menuparenth ul ul ul,
for fourth level
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
  display: none;
}

/* add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
  display: block;
}

THANK YOU!!! You have ended hours of frustration...adding that extra 'ul' worked a treat!

Bryan