Come visualizzare un menu in orizzontale sul template protostar

[melaverde]

Buongiorno,
vorrei inserire le voci secondarie sotto la Voce 1 in orizzontale come visualizzato tramite jpg nelle voci 2 e 3 In pratica vorrei che il menu secondario apparisse in orizzontale come il menu principale, ma di dimensioni ridotte e con sfondo colorato. Sapreste darmi qualche indicazione su dove modificare nel css? Ho provato a mettere nav pills nel modulo del menu secondario (le tre voci secondarie), ma risulta delle stesse dimensioni di quello principale e vorrei che fosse pių piccolo come grandezza font. Link questo http://goo.gl/xQxj4p
Grazie melaverde

[adottauncane]

Ciao melaverde,
scrivi il css per il nav-pills2, come hai chiamato la classe di quel menų. Esempio:

Codice: [Seleziona]

.nav-pills2 > li > a {
float:left;
padding-right:20px;
}
.nav-pills2 > li > a:hover {
color:red;
background:none;
}

.nav-pills2 {
width:100%
}

[melaverde]

Ho provato, ma non mi esce il risultato che voglio. Adesso é inserito, ma esce in verticale.
Lo vorrei come nel menu principale, ma semplicemente pių piccolo.
In ogni caso grazie per il tuo consiglio.
melaverde

[adottauncane]

No, non l'hai inserito. Se lo inserisci e lo carichi viene come ti serve. Riprova e fai un refresh.


[allegato eliminato automaticamente dopo un anno]

[adottauncane]

E se poi vuoi altre modifiche le fai con lo stesso criterio.

[melaverde]

Con navpills2 non mi compare come nella tua schermata.
Inserendo navpills compare come quello del menu principale, ma vorrei che fosse pių piccolo e se nel css modifico uno devo mi viene modificato anche l'altro.
Come fare?
Potrebbe essere un errore nell'inserimento del codice nel CSS?


Grazie
melaverde

[allegato eliminato automaticamente dopo un anno]

[adottauncane]

Io il css continuo a non vederlo, quindi probabilmente non l'ha preso in remoto. nav-pills2 l'avevo messo tu e su quello ho scritto il css. Se lo togli o lo modifichi il mio css non funziona. Rimetti com'era quando ho scritto il css e assicurati di incollare il css in fondo al file template.css e che le modifiche siano prese in remoto.