Menu "va a capo"

[Matteo Iervasi]

Salve. E' la prima volta che scrivo su questo forum  .
Dunque, sto rifacendo un sito, http://www.oikosarredamenti.it/index.php/it/, e sto usando t3 framework con uber come template. Come vedete dall'home page, il menu principale che mi hanno chiesto di fare č piuttosto lungo, ma ci dovrebbe stare comunque. Come vai a capo? C'č un modo per costringerlo a stare in alto? Cosė č orrendo...

[adottauncane]

Ciao Matteo Iervasi,
benvenuto nel forum 
Il sito č offline.

[Matteo Iervasi]

Grazie
Scusami mi ero dimenticato ora č online

[adottauncane]

Secondo me devi impostare la larghezza da backend. Probabilmente hai qualche opzione che indica in quella posizione quanti spazi vuoi e quanto larghi.

Č comunque un po' lungo, ma adesso lo spazio per le voci non tiene tutta la larghezza. Puoi vederlo con Firebug.

Infatti, se forzi aggiungendo questo:

Codice: [Seleziona]

.t3-mainnav {
    width:80% !important;
}
al fondo del file template.css vedrai che ci stanno tutte (meno una). Ma lo devi fare d backend.

[Matteo Iervasi]

Avevo giā controllato ovunque, ma non c'era alcuna opzione a riguardo...

Ho quindi modificato il file template.css e sembra funzionare... (il mio schermo ha 23'' e una risoluzione di 1920x1080)
Tuttavia quando ridimensiono il browser per simulare il layout responsive, il menų va gių

E' possibile cambiare il parametro di larghezza al quale il menų collassa?
Ho cercato un attimo in giro, ma non ho trovato soluzioni funzionanti

[adottauncane]

...Mi sembra strano...

Il template ha una misura e il menų ne occupa l'80%... Non ho capito cosa vuoi cambiare. Il menų collassa quando la finestra del browser č pių piccola della larghezza totale del template.

Puoi diminuire un po' il padding sinistro e destro delle voci, cosė:

Codice: [Seleziona]

.navbar-default .navbar-nav > li > a {    color: #666666;    padding-bottom: 13px;    padding-left: 16px;    padding-right: 16px;    padding-top: 13px;    text-transform: uppercase;}
e aumentare un po' la percentuale della barra del menų.
Ma di pių non saprei che suggerirti.

[Matteo Iervasi]

Mi scuso per la cattiva spiegazione
Cercherō di essere pių chiaro:

Come vedi nell'immagine, se provo a rimpicciolire la finestra del browser il menu prima di collassare in un unico pulsante (con T3 c'č questa opzione) "va a capo", creando quell'orrendo effetto.
La mia domanda č: č possibile modificare la larghezza alla quale effettuare il collapse?
E se ciō non si puō fare, č possibile almeno dare lo stesso stile alle voci che vanno a capo?

Spero di essermi chiarito meglio
Grazie

[adottauncane]

Sė. Devi cervare in bootstrap.css sotto @media il div del top menų e allargarlo. Poi cerchi quello del bottone e allarghi anche quello, in modo che anziché a 900 px (esempio) collassi uno e appaia l'altro a 1500px (esempio).
Perō non che sia il massimo avere il bottone anche su un normale computer... Secondo me.

[Matteo Iervasi]

Si lo so che non č il massimo, ma non saprei risolvere il problema...

[Matteo Iervasi]

Ho provato e funziona. Perō hai ragione non č il massimo della comoditā avere un pulsante nel desktop...
Come dicevo di default il menų se compresso viene diviso in due righe, con il difetto che quest'ultima riga č brutta:

Quindi a questo punto mi chiedo: č possibile almeno scalare il tutto prima che collassi nel menu a bottone?

[tomtomeight]

Servirebbe una voce menų del tipo come sul sito joomla.it "e Ancora"  oppure semplicemente  "Pių" che racchiuda dinamicamente in subvoci le voci extra larghezza, in questo modo avresti sempre una sola linea fino al raggiungimento della larghezza minima in cui poi verrebbe fuori il solo pulsante. Molti siti hanno questo tipo di menų ma mai l'ho visto come estensione su joomla, sarebbe il caso di studiarci sopra per poterlo implementare.

[Matteo Iervasi]

No beh ma anche senza ricorrere a quella soluzione, ho visto che il menu di joomla.it viene scalato prima di collassare. Come si puō implementare una funzione del genere?

[tomtomeight]

Dipende dal template che deve essere responsive. Ma se hai molte voci la soluzione č quella del menų a scomparsa, altrimenti le voci diventano illeggibili quando si stringono troppo.

[zent]

Potresti adottare una soluzione alternativa con dei moduli menų da fare comparire lateralmente come da esempio allegato



[allegato eliminato automaticamente dopo un anno]

[Matteo Iervasi]

Si sembrerebbe una buona idea
Devo consultare il proprietario del sito prima. Nel caso come faccio a fare un menu che compare a piacere?

[zent]

Crei tanti menų quante sono le sottovoci di prodotti.
Crei un modulo menų per ogni sottovoce, gli dai la posizione e lo attivi solo per quella sottovoce.

[zent]

Se poi le sottovoci attivano degli articoli potresti, in alternativa, gestire il tutto con le categorie articoli e i relativi moduli.

[Matteo Iervasi]

Il problema č che il layout del sito non mi permette questo, dovrei cambiare tutto di nuovo  ...
Uso Uber come template e mi da solo una posizione centrale, senza sidebar, quindi viene uno schifo

(Non uso gli articoli non verrebbero visualizzati... per quello uso dei moduli con html personalizzato che vengono visualizzati con delle precise voci di menu...)
 

[zent]

Ho dato un'occhiata veloce al template e, come quasi tutti, prevede la posizione sidebar-1 e sidebar-2.
Poi se la tua č una scelta allora dovrai pensare ad un layout del menų diverso.