Salve, non riesco ad levare lo stile del mio menu quando sono in mobile (browser google chrome).
Questo è il codice quando è in mobile:
e questo è in desktop:
come faccio ad far venire il menu in un menu grezzo senza stile.?
Grazie mille e buona serata aspetto vostre risposte.
Questo è il codice quando è in mobile:
Codice:
nav .menu {
}
nav .menu a {
}
nav .menu,
nav .menu ul {
}
nav .menu li {
}
nav .menu a {
}
nav .menu a:hover {
}
/* Level 1 Drop Down Menu */
nav .menu > li {
}
nav .menu > li:first-child {
}
nav .menu > li > a {}
nav .menu > li > a:hover {}
/* Level 2 */
nav .menu > li > ul {
}
nav .menu > li:hover > ul {
}
nav .menu ul li a {}
nav .menu ul li a:hover {}
/* Level 3 */
nav .menu > li > ul > li > ul {
}
nav .menu > li > ul > li:hover > ul {
}
/* Level 4 */
nav .menu > li > ul > li > ul > li > ul {
}
nav .menu > li > ul > li > ul > li:hover > ul {
}
nav .menu ul ul li {}
nav .menu ul ul li a {}
nav .menu ul ul li a:hover {}
nav .menu ul ul li ul li a:hover {}
e questo è in desktop:
Codice:
nav .menu {
}
nav .menu a {
color: #FFF;
}
nav .menu,
nav .menu ul {
list-style: none;
margin: 0;
padding: 0;
}
nav .menu li {
position: relative;
}
nav .menu a {
padding: 10px 20px;
display: block;
text-decoration: none;
}
nav .menu a:hover {
background: #000;
}
/* Level 1 Drop Down Menu */
nav .menu > li {
display: inline-block;
vertical-align: top;
margin-left: -4px; /* solve the 4 pixels spacing between list-items */
}
nav .menu > li:first-child {
margin-left: 0;
}
nav .menu > li > a {}
nav .menu > li > a:hover {}
/* Level 2 */
nav .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 */
}
nav .menu > li:hover > ul {
display: block;
}
nav .menu ul li a {}
nav .menu ul li a:hover {}
/* Level 3 */
nav .menu > li > ul > li > ul {
text-align: left;
display: none;
background: #E7B400;
position: absolute;
left: 100%;
top: 0;
z-index: 9999999;
}
nav .menu > li > ul > li:hover > ul {
display: block;
}
/* Level 4 */
nav .menu > li > ul > li > ul > li > ul {
text-align: left;
display: none;
background: #E7B400;
position: absolute;
left: 100%;
top: 0;
z-index: 9999999;
}
nav .menu > li > ul > li > ul > li:hover > ul {
display: block;
}
nav .menu ul ul li {}
nav .menu ul ul li a {}
nav .menu ul ul li a:hover {}
nav .menu ul ul li ul li a:hover {}
come faccio ad far venire il menu in un menu grezzo senza stile.?
Grazie mille e buona serata aspetto vostre risposte.