By a.k.karthikeyan on

Hi all,

I am using nice menus module for creating dynamic menus. Here i have menus which extend beyond 3 levels. Upto 3 levels its working very well. when i have fourth level submenu, all the fourth level submenus are showing up without hovering the mouse over them..I hope i am clear enough... Any help would be greatly appreciated.

Thanx in advance...

⋅ Categories: Drupal 4.6.x

Comments

tatankam’s picture

tatankam commented

Hi,
I installed drupal 4.7 and I have the same problem with menus extended beyond 3 levels.

Could you help us?

Thanks in advance.

Mario

a.k.karthikeyan’s picture

a.k.karthikeyan commented

hi
Need to change the css adding one more li to have it expanded to fourth level

Regards,
Karthikeyan

theiviaxx’s picture

theiviaxx commented

I am pretty sure it is in this block that determines this and this is what i have to enable a fourth level:

/* Show submenus when over their parents */
ul.nice-menu li:hover ul,
ul.nice-menu li.menuparent li:hover ul,
ul.nice-menu li.menuparent li.menuparent li:hover ul,
ul.nice-menu li.menuparent li.menuparent li.menuparent li:hover ul,
ul.nice-menu li.over ul,
ul.nice-menu li.menuparent li.over ul,
ul.nice-menu li.menuparent li.menuparent li.over ul,
ul.nice-menu li.menuparent li.menuparent li.menuparent li.over ul { 
  display: block;
} 

/* Hide sub-menus initially */
ul.nice-menu li:hover ul ul,
ul.nice-menu li:hover ul ul ul,
ul.nice-menu li:hover ul ul ul ul,
ul.nice-menu li.over ul ul,
ul.nice-menu li.over ul ul ul,
ul.nice-menu li.over ul ul ul ul { 
  display: none; 
}

am i doing this wrong or in the wrong place?

poonlap’s picture

poonlap commented

In my case, I have to make nice menus support more than fourth level. I started from your code, finally it is like below.

/* Show submenus when over their parents */
ul.nice-menu li:hover ul,
ul.nice-menu li.menuparent li:hover ul,
ul.nice-menu li.menuparent li.menuparent li:hover ul,
ul.nice-menu li.menuparent li.menuparent li.menuparent li:hover ul,
ul.nice-menu li.menuparent li.menuparent li.menuparent li.menuparent li:hover ul,
ul.nice-menu li.over ul,
ul.nice-menu li.menuparent li.over ul,
ul.nice-menu li.menuparent li.menuparent li.over ul,
ul.nice-menu li.menuparent li.menuparent li.menuparent li.over ul,
ul.nice-menu li.menuparent li.menuparent li.menuparent li.menuparent li.over ul { 
  display: block; 
} 

/* Hide sub-menus initially */
ul.nice-menu li:hover ul ul,
ul.nice-menu li:hover ul ul ul,
ul.nice-menu li:hover ul li:hover ul ul,
ul.nice-menu li:hover ul li:hover ul li:hover ul ul,
ul.nice-menu li:hover ul li:hover ul li:hover ul li:hover ul ul,
ul.nice-menu li.over ul ul,
ul.nice-menu li.over ul ul ul,
ul.nice-menu li.over ul li.over ul ul,
ul.nice-menu li.over ul li.over ul li.over ul ul { 
  display: none; 
}