Top Menu depht, one more time - SOLVED

Try like this:

#nav2 li:hover ul ul,#nav li:hover ul ul ul,#nav2 li:hover ul ul ul ul {
visibility:hidden;
display:none;
}

#nav2 li:hover ul,#nav li li:hover ul,#nav2 li li li:hover ul,#nav2 li li li li:hover ul {
visibility:visible;
display:block;
}

The drop-down menus now works again, but still no sub-menu under the menu A-lag -> Sesongen 2014

Brgds
Svein F.

Try:

#nav2 li:hover ul ul,#nav li:hover ul ul ul,#nav2 li:hover ul ul ul ul {
visibility:hidden;
}

#nav2 li:hover ul,#nav li li:hover ul,#nav2 li li li:hover ul,#nav2 li li li li:hover ul {
visibility:visible;
display:block;
}


And use:

UL#nav2 UL UL{
margin-top: -32px;
margin-left: 174px;
}

Closer to a solution.

The third level now sub-menus shows up, but it is not possible to click on them as they disapears when moving the cursor over them.


Shall I still use this code as suggested earlier in an other simular topic?:


#nav2 li:hover > ul{
visibility: visible!important;
}



Can't see any differense with or without this code.


Brgds
Svein F.

First you forgot closing bracket } after:

UL#nav2 UL UL{
margin-top: -32px;
margin-left: 174px;


second add !important fags:

UL#nav2 UL UL{
margin-top: -32px!important;
margin-left: 174px!important;
}

Corrections done, but no improvement.

Ivan, contact me by e-mail and I will give you superadmin access.