WebSite X5Help Center

 
Castagna A.
Castagna A.
User

Menu Responsive a tutto schermo  it

Autor: Castagna A.
Besucht 1245, Followers 2, Geteilt 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.

Gepostet am
11 ANTWORTEN - 1 KORREKT
Giorgio C.
Giorgio C.
User

prova questo css:

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

Mehr lesen
Gepostet am von Giorgio C.
Castagna A.
Castagna A.
User
Autor

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

Mehr lesen
Gepostet am von 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>

Mehr lesen
Gepostet am von Giorgio C.
Castagna A.
Castagna A.
User
Autor

Grazie ma continua a non vedersi il menu responsive

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von Castagna A.
Giorgio C.
Giorgio C.
User

prova a mettere il link del sito

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von 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>

Mehr lesen
Gepostet am von 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/

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von Castagna A.