Menu Responsive a tutto schermo
Autore: Castagna A.
Visite 1411,
Followers 2,
Condiviso 0
Buonasera. avrei la necessità di avere il menu responsive, non posizionato a sx o dx, ma che si apri per tutta la grandezza del dispositivo.
Grazie per l'aiuto.
Postato il
prova questo css:
<style>
@media screen and (max-width: 719px) {
#imMnMn > ul {
bottom:auto !important;
width:100%;
}
</style>
Autore
Grazie, per la risposta ma inserendo il css mi sparisce del tutto il menu responsive
Scusa manca una parentesi graffa di chiusura
<style>
@media screen and (max-width: 719px) {
#imMnMn > ul {
bottom:auto !important;
width:100%;
}
}
</style>
Autore
Grazie ma continua a non vedersi il menu responsive
Autore
Allora scusami ho aggiornato la pagina e sono tornato a vadere il menu responsive però quando ci clicco sopra non funziona e come se non ci fosse collegamento.
Grazie
prova a mettere il link del sito
non penso bastino quelle poche righe di codice per averlo tutto full, specie se si usano anche i livelli e i sottolivelli...
@Mirko hai ragione.... sono stato un poco facilone e mi sono fermato al primo successo...
Link
Questo l'ho provato:
<style>
.menu-mobile-hidden {width: auto !important;}
@media screen and (max-width:960px) {
.btn { display:inline-block;}
}
@media screen and (min-width: 720px) {
#imMnMn > ul {
bottom:auto !important;
width:100%;
top: 70px;
}
#imMnMn > ul > li {width:100%; }
}
@media screen and (min-width: 480px) {
#imMnMn > ul {
bottom:auto !important;
width:100%;
top: 70px;
}
#imMnMn > ul > li { width:100%; }
}
@media screen and (max-width: 479px) {
#imMnMn > ul {
bottom:auto !important;
width:100%;
top: 70px;
}
#imMnMn > ul > li { width:100%;}
}
</style>
Autore
Buongiormo Mirko con questo, scopiazzato in un post tuo, funziona ma non so se è tutto corretto.
<!-- css menu responsive -->
<style>.menu-mobile-hidden {
width: auto !important;
}.hamburger-menu-close-button {
color:#FFF;
}@media screen and (max-width: 959px) {
/* menu mobile */
#imMnMn.main-menu > ul {
bottom:auto !important;
top:55px !important;
width:100%;
overflow : auto;
height:calc(100% - 55px); /* per avere lo scroll*/
background-color: transparent;
} #imMnMn.main-menu > ul > li {
width: auto !important;
text-align: center;
background-color: #000000;
opacity:0.7;;
} #imMnMn.main-menu > ul ul li {
width:100%;
background-color: transparent; /* fix colore sfondo menu basso*/
}
#imMnMn.main-menu .imMnMnTxt {
border: hidden;
border-bottom: 3px solid #fff;
min-height: 35px;
line-height: 35px;
text-align: center;
}
.topLimit #imMnMn .imMnMnFirstBg, .topLimit #imMnMn .imMnMnFirstBg span {
height: auto !important;
}
</style>
qui il link: http://backy1971.altervista.org/
direi che funziona alla grande...magari alcune voci non servivano, ma comunque funziona giusto come lo volevi...
Autore
Ok va bene cosi grazie a te Mirko e sopratutto grazie a Giorgio per la disponibilita e i consigli. Adesso cercherò di cambiare un po la grafica. Buonaserata.
Alessandro