WebSite X5Help Center

 
Castagna A.
Castagna A.
User

Menu Responsive a tutto schermo  it

Autor: Castagna A.
Visited 1426, Followers 2, Udostępniony 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.

Posted on the
11 ODPOWIEDZI - 1 PRAWIDłOWA ODPOWIEDź
Giorgio C.
Giorgio C.
User

prova questo css:

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

Czytaj więcej
Posted on the from Giorgio C.
Castagna A.
Castagna A.
User
Autor

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

Czytaj więcej
Posted on the from 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>

Czytaj więcej
Posted on the from Giorgio C.
Castagna A.
Castagna A.
User
Autor

Grazie ma continua a non vedersi il menu responsive

Czytaj więcej
Posted on the from 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

Czytaj więcej
Posted on the from Castagna A.
Giorgio C.
Giorgio C.
User

prova a mettere il link del sito

Czytaj więcej
Posted on the from 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

Czytaj więcej
Posted on the from 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>

Czytaj więcej
Posted on the from 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/

Czytaj więcej
Posted on the from 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

Czytaj więcej
Posted on the from 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

Czytaj więcej
Posted on the from Castagna A.