Problema word wrapping su menù responsive.

[d-force]

Salve a tutti, ho un menù responsive dove alcune voci di menù - quelle più lunghe - vanno fuori dalla larghezza del menù impedendone la lettura.

Questo succede perchè ci sono delle istruzioni sbagliate nel css ma che non sono in grado di correggerle (si tratta di un tutorial che ho scaricato e riadattato alle mie esigenze).

Potete vedere il menu funzionante quà: https://jsfiddle.net/dforce/j593ee61/1/

Se cliccate sulla voce: "Tour guidati" vedete come le voci di menù escono dal menù stesso senza andare a capo.

Mi è sembrato di capire che il problema è causato dalla "line-height" ma non riesco a trovare il punto su cui agire correttamente.

Qualcuno di voi sarebbe così gentile da aiutarmi a risolvere?

Grazie 1000!

[Redirect301]

Ciao, se non hai già trovato, cerca nel codice white-space:nowrap, al posto di nowrap metti normal.

[d-force]

Ciao, se non hai già trovato, cerca nel codice white-space:nowrap, al posto di nowrap metti normal.

Ciao, ho già provato, ma mi crea altri problemi con il line-height...

[Redirect301]

Ma sei sicuro di voler andare a capo? Ho dato un'occhiata al codice e al menu. Con la disattivazione di line-height ti sballa tutto, dovrai reimpostare l'altezza tramite i padding, a parte che sballa comunque se disattivi lo white-space visto che hai testo troppo lungo per questo menu l'altezza si addatterà al contenuto e ti comprometterà l'attuale estetica grafica, mentre se allarghi il menu per starci dentro con il testo non sarà una strada meno rognosa (imposti la larghezza in em)?

[d-force]

Ma sei sicuro di voler andare a capo? Ho dato un'occhiata al codice e al menu. Con la disattivazione di line-height ti sballa tutto, dovrai reimpostare l'altezza tramite i padding, a parte che sballa comunque se disattivi lo white-space visto che hai testo troppo lungo per questo menu l'altezza si addatterà al contenuto e ti comprometterà l'attuale estetica grafica, mentre se allarghi il menu per starci dentro con il testo non sarà una strada meno rognosa (imposti la larghezza in em)?

Si, disattivando il white space si sballa tutto, ci sarà pure un comando per evitare questo...

Purtroppo ho notato che questo menù non funziona con Chrome su iphone...hai idea del perchè?

[Redirect301]

Purtroppo ho notato che questo menù non funziona con Chrome su iphone...hai idea del perchè?

non di preciso, ti riferisci a toggle?

[d-force]

non di preciso, ti riferisci a toggle?

Mi riferisco al pulsante che fa uscire il menu quando il sito è visualizzato su uno smartphone che utilizza Chrome come browser.

[Redirect301]

Ok. Che cosa fa, non apre, non chiude quando lo premi? Sarà questione di javascript

[d-force]

Ok. Che cosa fa, non apre, non chiude quando lo premi? Sarà questione di javascript

Non si apre. Ho anche scritto allo sviluppatore che mi ha confermato un problema di compatibilità con Chrome su iphone....

Ho dovuto sostituire completamente il menù in oggetto con un componente menu di Joomla...