Hello, please help. Here is an example меню that is great for the site. When you hover on the parent level, a child opens, the problem is that when you hover to the second level, the third and fourth will open immediately. I need the fourth to open on hover to the third level.

    2 answers 2

    It is only necessary to correct selectors, replacing .nav > li.hover > ul , .nav li li.hover ul with li.hover > ul , and .nav li li.hover ul with li.hover li.hover > ul ( result ).

    • Thank you very much!!!!!!!!!!!!!!!!! - Justscoundrel
    • Hello. Here the problem appeared. Do not tell me how in this menu to implement a link to the second click? - Justscoundrel

    1) This is .nav li li.hover > ul {left: 100%; top: 0;} .nav li li.hover > ul {left: 100%; top: 0;} to this: .nav li li.hover > ul {left: 100%; top: 0;} .nav li li.hover > ul {left: 100%; top: 0;}

    2) This is .nav > li.hover > ul , .nav li li.hover ul {position: static;} to this: .nav > li.hover > ul , .nav li li.hover > ul {position: static;}

    Here is an example: https://jsfiddle.net/yuri_spivak/ufddmm67/4/