WebSite X5Help Center

 
Castagna A.
Castagna A.
User

Menu Responsive a tutto schermo  it

Autor: Castagna A.
Visitado 1417, Seguidores 2, Compartilhado 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 em
11 RESPOSTAS - 1 CORRIGIR
Giorgio C.
Giorgio C.
User

prova questo css:

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

Ler mais
Publicado em de Giorgio C.
Castagna A.
Castagna A.
User
Autor

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

Ler mais
Publicado em 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>

Ler mais
Publicado em de Giorgio C.
Castagna A.
Castagna A.
User
Autor

Grazie ma continua a non vedersi il menu responsive

Ler mais
Publicado em 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

Ler mais
Publicado em de Castagna A.
Giorgio C.
Giorgio C.
User

prova a mettere il link del sito

Ler mais
Publicado em 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

Ler mais
Publicado em 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>

Ler mais
Publicado em 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/

Ler mais
Publicado em 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

Ler mais
Publicado em 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

Ler mais
Publicado em de Castagna A.