Joomla.it Forum
Joomla! 3 => Joomla! 3 => : eugenio92 24 Oct 2013, 22:14:59
-
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
-
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.
-
si scusatemi e grazie del benvenuto!
www.fotostudioriccardo.it
-
Sembra un template responsive, non è che hai utilizzato un menù non nativo del template? Anche se lo centri resterà sempre grande.
-
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'è :(
-
Ma dovrebbe già essere orizzontale senza modificare nulla. Magari sbagli posizione. Prova ad installare ex novo coi dati di esempio.
-
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
-
qualche aiuto
grazie
-
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 (http://www.joomla.it/articoli-community-3x-tab/6749-protostar-un-amore-di-template.html)
-
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/ (http://www.fotostudioriccardo.it/)
grazie
-
Allora non leggi quanto ti scrivo, nel suffisso classe modulo devi metterci nav-pills con uno spazio davanti.
-
si si ho fatto come hai detto ma non cambia nulla, non è centrato comunque e nel mobile è verticale
-
Questo template quando si restringe passa alla visualizzazione verticale per non sovrappirre le voci.
-
ah ok e per quanto riguarda il centramento delle voci di menu in desktop?
-
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.
-
ho provato a cercare il float in questione ma non lo vedo,mica puoi indirizzarmi meglio se puoi per trovarlo?
grazie
-
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
-
dentro navigation o dove?
-
sì sotto .navigation lo aggiungi all'ultima riga prima della chiusura }
-
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