Nascondere voci menu
Autore: Danilo R.
Visite 3398,
Followers 1,
Condiviso 0
Buongiorno, ho importato da 11 prof un sito su 12 prof per modificare la struttura in respinsive. Funziona tutto bene ma ho la necessità di nascondere delle voci menu nella visualizzazione su tablet e smartphone in quanto sono pagine che non interessano nei dispositivi sopra citati. Ho notato che posso nascondere parte della pagina ma la voce menu non è possibile nasconderla.
Grazie.
Postato il
Autore
Il sito in questione è il seguente: http://www.fabiocorradi.it
Se non ci sono impostazioni da programma che mi sono perso, puoi provare con questa media query:
<style>
@media screen and (max-width: 960px) {
li#imMnMnNode124 {
display:none;
}
}
</style>
Personalizzi la larghezza massima (960px) sotto la quale agirà la regola CSS ed il numero contenuto nell'id dell'elemento li che vuoi nascondere (124).
124 attualmente corrisponde alla voce del menu "Promozioni".
Puoi anche scriverla così:
<style>
@media screen and (max-width: 960px) {
#imMnMn ul > li:nth-child(4) {
display:none;
}
}
</style>
4 è il numero, in ordine dall'alto verso il basso, della 4a voce del menu.
Autore
Perfetto ora funziona come lo volevo. Grazie mille.