Menù mobile 
Autore: Massimo F.
Visite 1179,
Followers 2,
Condiviso 0
Salve, mi chiedevo se era possibile avere la largezza del menu mobile compreso il sottomenu largo e alto 100% e non come offre il programma tutto a sinistra.
Grazie per chi volesse aiutarmi
Postato il
Ciao,
prova così:
<style>.menu-mobile-hidden {width: auto !important;}</style>
passo 4 - esperto - prima della chiusura del tag head.
Autore
Grazie ma non funziona
Autore
Vorrei che fosse come da allegato con lo sfondo bianco
Buongiorno Massimo,
automaticamente con il programma non è possibile, devi modificare manualmente il codice generato da WebSite X5. Su questo però non posso aiutarti dovrai attendere maggiori informazioni dagli altri utenti della community.
Beh, c'è un file .iwzip... "studialo":
http://quellidelcucuzzolo.blogspot.it/2015/11/template-november-website-x5-12.html
Autore
Grazie Lemonsong, ho provato ma va in conflitto solo nel mobile i link vengono sfasati cioè non spunta la classica manina per intenderci
<style>
/* a 1100 compare il menu mobile */
@media screen and (max-width: 1100px) {
/* menu mobile */
#imMnMn > ul {
bottom:auto !important;
top:55px !important;
width:100%;
overflow:auto;
height:calc(100% - 55px);
}
#imMnMn > ul > li {
width:100%;
}
.topLimit #imMnMn .imMnMnFirstBg, .topLimit #imMnMn .imMnMnFirstBg span {
height: auto !important;
}
#imMnMn .hamburger-button {
position:fixed;
right:5%;
width:55px;
height:55px;
top:1px;
}
#imMnMn .hamburger-button > div, #imMnMn .hamburger-button > div > div {
height: 55px;
width: 55px;
}
#imMnMn .hamburger-bar {
height: 4px;
margin: 4px auto;
width: 50%;
}
#imMnMn .hamburger-menu-background {
background-color:transparent;
width:auto;
right:5%;
}
#imMnMn .hamburger-menu-close-button {
font-size: 55px;
font-weight:bold;
padding: 0;
text-align: center;
width: 55px;
}
#imMnMn ul li.imMnMnCurrent {
}
}
/* header mobile *
</style>
Autore
Ecco il link in costruzione
http://www.flores-freelance.it/in costruzione/prova2/home.php
Se ho capito a cosa ti riferisci, basta rimuovere il settore di figli (>):
#imMnMn ul li {
width:100%;
}
settore= selettore
Autore
Grazie, ho provato a fare la modifica come mi hai consigliato, ma purtroppo il problema non si risolve, SOLO IN VERSIONE MOBILE, i link non funzionano o si collegano a pagine non linkate infatti scrollando la pagina verso il basso rimane la manina da collegamento.
Provate sopratutto la home page! spero di essermi fatto capire.
No, non ho capito.
Comunque correggi gli errori di validazione, un codice pulito aiuta.
Autore
Lemonsong ho provato su un progetto pulito mettendo 2 link nella home page, il menu mobile con larghezza 100% funziona bene, ma il problema rimane vedendolo con il mobile i link non funzionano, quel codice sembra che vada in conflitto, in allegato il progetto semplice, potresti dargli un'occhiata?
Ti ringrazio lo stesso per il tempo dedicatomi
provato, e togliendo questo, va tutto ok:
height:calc(100% - 55px);
tanto hai pochi menu, e non ti serve che scrolli...
@Massimo
Adesso che ti sei spiegato meglio ti posso dire che non hai integrato tutto il codice.
Fuori dalla media query hai dimenticato di inserire questa regola:
.menu-mobile-hidden {
width: auto !important;
}
Non è l'unica che hai tralasciato...
Inoltre, nella media query toglierei i due right:5%; (verrà fixato prima possibile anche nel template November)
Autore
Grazie tante ragazzi!