modificazione menu e corretta visualizzazzione su mobile

[eugenio92]

ciao a tutti!

ho un problema con il mio sito fatto con joomla 3.
il menu principale non si adatta alle dimensioni ridotte del dispositivo mobile e vanno fuori 'alloggiamento', quindi sono sproporsionati.
vorrei se possibile centrare anche il menù e non farlo partire da destra come adesso.

grazie mille a chi mi darà una mano!


si scusatemi!

www.fotostudioriccardo.it

grazie

[tomtomeight]

Ciao e benvenuto nel forum della comunità italiana di joomla.

Ti si potra dare meglio una mano ed anche due se metti almeno un link al sito.

[eugenio92]

si scusatemi e grazie del benvenuto!

www.fotostudioriccardo.it

[tomtomeight]

Sembra un template responsive, non è che hai utilizzato un menù non nativo del template? Anche se lo centri resterà sempre grande.

[eugenio92]

ti spiego

per rendere il menu orizzontale ho inserito queste righe al css del template nativo protostar

}
.orizzontale li {
display:inline;
list-style-type:none;
padding-left:15px;
padding-right:15px;
border-left:1px solid grey;
text-align:center;
float:left;
}

forse sbaglio qualcosa, ma non sapevo come fare per renderlo orizzontale e metterlo dov'è

[tomtomeight]

Ma dovrebbe già essere orizzontale senza modificare nulla. Magari sbagli posizione. Prova ad installare ex novo coi dati di esempio.

[eugenio92]

scusami se non ti ho risposto piu

siccome è il primo sito che faccio da autodidatta,non sono molto pratico,quindi ho cercato qui e la come mettere questo menù li dov'è, e ho trovato una discussione (adesso non la ritrovo) che diceva di aggiungere queste linee in qualsiasi posizione del css del template e tutto 'magicamente' è andato bene, però ora volevo risolvere questo problema ma non trovo nulla che possa aiutarmi.
Questo menù è stato sempre in verticale nella colonna destra del sito, e non sapevo come metterlo in orizzontale. Forse dovrei arrivare allo scopo agendo diversamente di come ho fatto, ma non so proprio come...

attendo qui

grazie

[eugenio92]

qualche aiuto

grazie

[tomtomeight]

Elimina quel codice che hai aggiunto e nelle opzioni avanzate del modulo menù metti nel suffisso classe menu nav-pills (metti uno spazio davanti)
per maggiori dettagli su come impostare il template protostar ti rimando a questo articolo.
http://www.joomla.it/articoli-community-3x-tab/6749-protostar-un-amore-di-template.html

[eugenio92]

Ciao e grazie mille!

ho fatto come hai detto ma mi si sconbussola tutto, ma rimettendo le linee nel css come avevo fatto riva tutto bene e anzi il 'tema' del menu e la funzionalita è molto migliorata. l'unica cosa è che ancora non è allineato alla pagina e nel mobile si vede in verticale

(su suffisso classe CSS modulo c'è  li_menu_li)

http://www.fotostudioriccardo.it/

grazie

[tomtomeight]

Allora non leggi quanto ti scrivo, nel suffisso classe modulo devi metterci  nav-pills con uno spazio davanti.

[eugenio92]

si si ho fatto come hai detto ma non cambia nulla, non è centrato comunque e nel mobile è verticale

[tomtomeight]

Questo template quando si restringe passa alla visualizzazione verticale per non sovrappirre le voci.

[eugenio92]

ah ok e per quanto riguarda il centramento delle voci di menu in desktop?

[tomtomeight]

Sono allineate a sinistra se le vuoi centrate devi agire da css. Con firebug trovi dove intervenire per cambiare un float- left con un float-center, credo.

[eugenio92]

ho provato a cercare il float in questione ma non lo vedo,mica puoi indirizzarmi meglio se puoi per trovarlo?
grazie

[tomtomeight]

A quanto pare non esiste un float center, allora alla riga 6661 del file template css o giù di lì aggiungi un
 margin-left: 50px;
varia quel numero 50 finché lo vedi centrato

[eugenio92]

dentro navigation o dove?

[tomtomeight]

sì sotto .navigation lo aggiungi all'ultima riga prima della chiusura }

[eugenio92]

ho effettuato le modifiche ma le due liniette sopra e sotto le voci si spostano sulla destra da dove comincia appunto la prima voce. Se non è possibile avere un effetto omogeneo lo lascio così. grazie cmq