WebSite X5Help Center

 
Castagna A.
Castagna A.
User

Menu Responsive a tutto schermo  it

Autor: Castagna A.
Visitado 1239, Followers 2, Compartido 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.

Publicado en
11 RESPUESTAS - 1 CORRECTO
Giorgio C.
Giorgio C.
User

prova questo css:

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

Leer más
Publicado en de Giorgio C.
Castagna A.
Castagna A.
User
Autor

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

Leer más
Publicado en de 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>

Leer más
Publicado en de Giorgio C.
Castagna A.
Castagna A.
User
Autor

Grazie ma continua a non vedersi il menu responsive

Leer más
Publicado en de Castagna A.
Castagna A.
Castagna A.
User
Autor

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

Leer más
Publicado en de Castagna A.
Giorgio C.
Giorgio C.
User

prova a mettere il link del sito

Leer más
Publicado en de 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

Leer más
Publicado en de 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>

Leer más
Publicado en de Giorgio C.
Castagna A.
Castagna A.
User
Autor

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/

Leer más
Publicado en de 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

Leer más
Publicado en de Mirko Boschetti
Castagna A.
Castagna A.
User
Autor

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

Leer más
Publicado en de Castagna A.