Salve, ho questo codice.. vorrei sapere cosa devo fare per far che posso fare anche il 4 livello.. ora questo menu arriva fino al 3 livello.. secondo voi posso farlo?
mi potete aiutarmi ..? una cosa devo rimanere in questa struttura.
Io qui penso che forse basta un ul > li .
Ma non sono sicuro.
Vi ringrazio molto e buona domenica.
Codice:
.header__menu {
}
.header__menu a {
color: #FFF;
}
.header__menu,
.header__menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.header__menu li {
position: relative;
}
.header__menu a {
padding: 10px 20px;
display: block;
text-decoration: none;
}
.header__menu a:hover {
background: #000;
}
/* Level 1 Drop Down Menu */
.header__menu > li {
display: inline-block;
vertical-align: top;
margin-left: -4px; /* solve the 4 pixels spacing between list-items */
}
.header__menu > li:first-child {
margin-left: 0;
}
.header__menu > li > a {}
.header__menu > li > a:hover {}
/* Level 2 */
.header__menu > li > ul {
text-align: left;
width: auto; /* change auto value with 200px if you want a bigger menu */
display: none;
background: #5DBB04;
position: absolute;
top: 100%;
left: 0;
z-index: 9999999; /* if you have YouTube iframes, is good to have a bigger z-index so the video can appear above the video */
}
.header__menu > li:hover > ul {
display: block;
}
.header__menu ul li a {}
.header__menu ul li a:hover {}
/* Level 3 */
.header__menu > li > ul > li > ul {
text-align: left;
display: none;
background: #E7B400;
position: absolute;
left: 100%;
top: 0;
z-index: 9999999;
}
.header__menu > li > ul > li:hover > ul {
display: block;
}
.header__menu ul ul li {}
.header__menu ul ul li a {}
.header__menu ul ul li a:hover {}
mi potete aiutarmi ..? una cosa devo rimanere in questa struttura.
Codice:
/* Level 3 */
.header__menu > li > ul > li > ul {
text-align: left;
display: none;
background: #E7B400;
position: absolute;
left: 100%;
top: 0;
z-index: 9999999;
}
.header__menu > li > ul > li:hover > ul {
display: block;
}
Io qui penso che forse basta un ul > li .
Ma non sono sicuro.
Vi ringrazio molto e buona domenica.