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
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/
|