Solved: Problem with 4th level on CSSMenu menu - fourth level is not hidden

[raameee]

Hi,

in my site http://www.alphataurijewelry.com/ I have a menu using the template CSSMenu that comes with CMSMS. I have 4 levels to that menu.

The 4th level is not showing correctly. It is always visible.

If you hover over the menu item [Online Gallery->Bracelets] You will see two sub menus [Silver] and [Silver Gold]. Each of these 3rd level items has two additional 4th level items [With Stones] and [Without Stones].

Level 1 - Appears constantly. That's OK.
Level 2 - Shows only when the mouse hovers over [Online Gallery] . That's OK
Level 3 - Shows only after the mouse hovers over [Bracelets]. That's OK.
Level 4 - Shows together with level 3 menu and its items are overlapping. You can see 3 lines always showing in the 4th level.

My Home Page menu is set to  {menu template='cssmenu.tpl' number_of_levels="4"}.

I appreciate your help.

Bye,
  RaamEE.

[RonnyK]

Check your stylesheet for the menu. When you work based on the default templates/stylesheets, then the 4th-level isnt active in the stylesheet. In the stylesheet, that logic has to be enabled.

Ronny

[raameee]

Thanks Ronny, alot.

It was staring me in the face, but I totally missed.

Thanks again.

---

For any future readers of these post. You will find in the Stylesheet for Navigation: CSSMenu - Horizontal  near the end remarks telling you that the 4th level and on can be added by adding a couple of lines. Please notice that one of the lines you need to add is missing one "ul" in the code.

Where it says

/*
just add
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul ul ul,
for fourth level
*/

it should say

/*
just add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
for fourth level
*/



Bye.