[risolto] menu a tendina su schermo smartphon

[carorland]

ciao ragazzi,
vorrei aumentare la lunghezza del menu a tendina sullo schermo smartphone e Tablet (avete presente quello che si forma con le tre lineette? proprio quello). In pratica non si vedono tutte le voci e se c'è un ulteriore sotto menu queste voci non si vedono. il template che uso è puryti 3.
se magari mi indicate il css da modificare ...


grazie mille.

[enricoonofri]

Ciao, se link il sito forse ti posso aiutare.

[carorland]

Www.gesuilnazareno.org
Se vai dal PC, riduci fino alla comparsa del tasto menu, da celiachia si visualizza subito.
Vorrei allungare quel menu evitando lo scorrimento delle voci.

[enricoonofri]

Sei sicuro? il menu responsive è così perché tu hai previsto di avere delle sotto voci di menu per quelle tre pagine specifiche.
Quindi le sotto voci di menu ovviamente sono inizialmente nascoste. Tu vorresti creare un menu con tutte le voci a vista? Finiresti per non vedere più il resto del sito

[carorland]

no, per me va bene cosi.... ma se apri un sotto menu, la lunghezza del menu intero non si dovrebbe allungare?
mi pare strano che abbia una misura standard, fissa. ad esempio cliccando su una voce con i sotto menu, non visualizza più le ultime voci di menù, preferirei che il menù tutto si allungasse mettendo dentro il menu è le sotto voci selezionate...


grazie comunque per il tuo interesse...

[conti1]

ciao
non vedo xche  dici che hai un problema  il menu nel mobile funziona .
comunque se vuoi giocherellare con la lunghezza

http://www.gesuilnazareno.org/t3-assets/dev/templates.purity_iii.less.bootstrap.less.css

Codice: [Seleziona]

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {    max-height: 340px;}

[enricoonofri]

Ho verificato quello che dici e ho visto che hai aggiunto la regola max-height. Come ti sarai accorto è solo che peggiorato, in quanto ti taglia il menu a 340 px e se ne frega di tutto quello che hai sotto. In realtà il menu essendo già responsive ti si allunga correttamente, elimina la regola max-heigth e vedrai che funziona. Continuo a non capire cosa vuoi ottenere di diverso, dato che già il menu funziona bene. Si vede tutto e si allunga correttamente

[carorland]

ho cercato max-height, ma non lo trovo
uso puryti 3


il problema (come si vede dall'immagine allegata, menù) è che non voglio la barra di scorrimento del menù, e quindi le relative voci devono essere visibili. oltretutto se apro un sotto menù la cosa peggiora (menù2)


Aiutatemi, grazie.

[tomtomeight]

Scusa ma se l'altezza del menù è maggiore dell'altezza dello smart devi per forza scrollare.

[enricoonofri]

La barra di scorrimento te la mostra il browser di default quando arrivi ad una certa dimensione e hai del contenuto da mostrare. Allora, intanto se togli la regola che hai messo max-width: 340px; non vedi più la barra di scorrimento per dimensioni "normali". Poi se vuoi espandi anche i sottomenu in partenza, allora ovviamente ti si allunga ancora di più il menu e se il tuo dispositivo ha una altezza x, per forza il browser ti crea la barra. altrimenti come vedresti i contenuti?

[carorland]

ok, ma dove lo trovo questo max-width?


la barra la voglio... ma voglio aumentare un po quel limite di 340px

[enricoonofri]

La trovi alla riga 4457 del file less.css
Questo file lo trovi dentro alla cartella del tuo template e dentro less/bootstrap/less.css
Elimina questa regola e vedrà che sei a posto

[carorland]

grande enricoonofri, grazie mille, però.... è nato un nuovo problemino... espandendo le sottovoci alcune non si vedono più perché il menu non scorre...
quale altra modifica poso apportare per renderlo scorrevole???

[conti1]

tu vuoi la mogle ubrica e la botte biena.
non aver problemi non si vive bisogna crearli vero. il tuo menu funziona anzi diciamo funzionava xche toccarlo?
toglere lo scrol dal menu  quando si vede da un dispositivo snartphone e come toglere lo scroll al tuo sito  sui pc.
anche dandoti indicazioni  e un controsensofare quel che stai facendo . buon lavoro

[carorland]

Ok, ho capito... Metto risolto visto che ho risolto. Grazie tantissimo.

[enricoonofri]

Di nulla!