Cela semble le meilleur compromis
La dimension est donnée à 'nav li' en taille relative, 'nav li ul' en héritant de façon logique, et son contenu ne peut pas déborder de la taille donnée à son parent
This commit is contained in:
parent
18106948e8
commit
5d9e92df83
@ -566,16 +566,22 @@ nav ul {
|
|||||||
nav li {
|
nav li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
max-width: 25vmin;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
nav li {
|
||||||
|
max-width: 50vmin;
|
||||||
|
} }
|
||||||
|
|
||||||
nav li ul {
|
nav li ul {
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
/*width: 200px;*/
|
width: inherit;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: .3s ease-out;
|
transition: .3s ease-out;
|
||||||
/*padding-left: 10px;*/
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav li ul li {
|
nav li ul li {
|
||||||
@ -583,11 +589,6 @@ nav li ul li {
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
|
||||||
nav .navSub a{
|
|
||||||
background-color:red !important;
|
|
||||||
}*/
|
|
||||||
|
|
||||||
nav li:hover ul {
|
nav li:hover ul {
|
||||||
z-index: 8;
|
z-index: 8;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
Loading…
Reference in New Issue
Block a user