Menu principale E sottomenu 
Autor: CHRISTIAN C.
Visitado 431,
Followers 2,
Compartido 0
SALVE ECCOMI QUA PER CHIEDERE UN VOSTRO AIUTO. HO REALIZZATO UN MENU CON SOTTOMENU , LE VOCI DEL SOTTOMENU VORREI DISTINGUERLE DALLE VOCI DEL MENU PRINCIPALI CAMBIANDO IL COLORE DEI FONT.
ALLEGO UNA FOTO PER ESSERE PIU' COMPRENSIVO.
NELLA FOTO LE VOCI CON IL PALLINO ROSSO STANNO AD INDICARE I LINK DELLE CATEGORIE MENTRE QUELLE VERDI SONO LE VOCI CHE STANNO NELLA CATEGORIA ATTIVA.
ESEMPIO HO CLICCATO SU KIT BARBER ED APPAIONO LE VOCI CORRISPONDENTI A TALE CATEGORIA.
PERO' SONO FACILMENTE CONFONDIBILI CON LE VOCI SOTTOSTANTI CHE SONO LE CATEGORIE. FATTO QUESTA SPIEGAZIONE LA DOMANDA E' COME FACCIO A CAMBIARE IL COLORE DEL SOTTOMENU?
Publicado en
... c'è menu e menu, struttura e struttura...
... già nelle opzioni del programma si possono differenziare i livelli, a me avviene automaticamente senza toccar niente, ma come detto c'è menu e menu...
... se non riesci con le opzioni, o non le trovi, da parte mia si potrebbe fare molto semplicemente con codice EXTRA immediato...
... in questo caso se ti interessa procedere devi postare il LINK del tuo esempio funzionante online, ed io ritornerò qui, se lo avevi già fatto avevi anche risolto...
... altrimenti attendi altri input, ...per gli esperti dello Staff appena saranno disponibili...
.
ciao
.
Autor
www-customyou.it
il menu da correggere e quello che vedi da cellulare
resto in attesa
... OK ...
1) ... il tuo URL è senza www come del resto lo hai dichiarato al Passo_5;
2) ... nelle risoluzioni inferiori manca il menu normale (hamburger), che si attiva nella StickyBar;
3) ... ti consiglio di mettere una freccia o un + di fianco ai livelli che si devono aprire;
4) ... questo il codice per i sotto-livelli in StickyBar-Hamburger:
<style>
#imStickyBar_imMenuObject_01-menu-opened .menu-mobile-animated ul * {color:brown !important}
</style>
.
Autor
carissimo kolAsim dove devo copiare il codice?
... la struttura l'hai cambiata, non è più quella che avevo visto prima online...
... hai aggiunto il + ai sotto-livelli aperti e non al livello da aprire, quello che interessava...
... adesso nella StickyBar l'Haburger c'è ma è invisibile rispetto a prima...
... il precedente codice non è più valido, (andava al Passo_1 | Esperto | /Head, ma ti farò sapere dopo)...
... fammi ridare una nuova occhiata e ti farò sapere delle modifiche da fare, fermo restando la struttura di quello che vedo adesso...
... a dopo...
.
... OK ... questo codice mette a posto tutto quello che ho rivelato prima nella truttura attuale online, come da STAMP:
<style>
.menu-mobile-animated ul * {color:brown !important}
.hamburger-button{background-color:lavender !important}
.screen-reader-only{position:relative !important}
</style>
.
...!... se non vuoi vedere il triangolino ▼ delle frecce togli questa stringa:
.screen-reader-only{position:relative !important}
.
Autor
intanto ti dico grazie
a questo punto posso togliere il segno + ?
... si sì. toglilo, ...ho fatto spuntare le frecce ▼che già c'erano......
... mi ero dimenticato, il codice lo incolli al Passo_1, qui:
.
Autor
ok e se voglio cambiare il colore ad ogni sottolivello cosa devo aggiungere?
... così vedrai i sotto-livelli GIALLi (yellow), background-color:yellow ...poi metterai il colore che vuoi tu:
<style>
.menu-mobile-animated ul * {background-color:yellow !important;color:brown !important}
.hamburger-button{background-color:lavender !important}
.screen-reader-only{position:relative !important}
</style>
.
Autor
con l'ultimo codice vale per un solo sottolivello o devo ripetere il codice per ogni sottolivello (cambiando logicamente il colore) ?
... vale per tutti i sotto-livelli, anche per quelli che vedi chiusi:
.
Autor
VOLEVO RINGRAZIARE KolAsim PER AVER RISOLTO IL MIO PROBLEMA. MI SAREBBE PIACIUTO CONOSCERE COME CI E' ARRIVATO A RISOLVERE
... cliccando con il destro del mouse ho rilevato il selettore ed assegnato la regola CSS agli UL figli:
ciao
.