WebSite X5Help Center

 
Castagna A.
Castagna A.
User

Menu Responsive a tutto schermo  it

Autore: Castagna A.
Visite 1223, 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
11 RISPOSTE - 1 CORRETTO
Giorgio C.
Giorgio C.
User

prova questo css:

<style>
@media screen and (max-width: 719px) {
    #imMnMn > ul {
        bottom:auto !important;
        width:100%;
    }
</style>

Leggi di più
Postato il da Giorgio C.
Castagna A.
Castagna A.
User
Autore

Grazie, per la risposta ma inserendo il css mi sparisce del tutto il menu responsive

Leggi di più
Postato il da Castagna A.
Giorgio C.
Giorgio C.
User

Scusa manca una parentesi graffa di chiusura

<style>
@media screen and (max-width: 719px) {
    #imMnMn > ul {
        bottom:auto !important;
        width:100%;
    }

}
</style>

Leggi di più
Postato il da Giorgio C.
Castagna A.
Castagna A.
User
Autore

Grazie ma continua a non vedersi il menu responsive

Leggi di più
Postato il da Castagna A.
Castagna A.
Castagna A.
User
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

Leggi di più
Postato il da Castagna A.
Giorgio C.
Giorgio C.
User

prova a mettere il link del sito

Leggi di più
Postato il da Giorgio C.
Mirko Boschetti
Mirko Boschetti
Moderator

non penso bastino quelle poche righe di codice per averlo tutto full, specie se si usano anche i livelli e i sottolivelli...innocent

Leggi di più
Postato il da Mirko Boschetti
Giorgio C.
Giorgio C.
User

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

Leggi di più
Postato il da Giorgio C.
Castagna A.
Castagna A.
User
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/

Leggi di più
Postato il da Castagna A.
Mirko Boschetti
Mirko Boschetti
Moderator

direi che funziona alla grande...magari alcune voci non servivano, ma comunque funziona giusto come lo volevi...wink

Leggi di più
Postato il da Mirko Boschetti
Castagna A.
Castagna A.
User
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

Leggi di più
Postato il da Castagna A.