Joomla.it Forum

Joomla! 3 => I Template di Joomla! 3 => : carorland 11 May 2016, 12:38:54

: [risolto] menu a tendina su schermo smartphon
: carorland 11 May 2016, 12:38:54
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.
: Re:menu a tendina su schermo smartphon
: enricoonofri 14 May 2016, 11:00:22
Ciao, se link il sito forse ti posso aiutare.
: Re:menu a tendina su schermo smartphon
: carorland 14 May 2016, 11:20:15
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.
: Re:menu a tendina su schermo smartphon
: enricoonofri 14 May 2016, 11:33:06
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
: Re:menu a tendina su schermo smartphon
: carorland 14 May 2016, 23:39:04
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...
: Re:menu a tendina su schermo smartphon
: conti1 15 May 2016, 01:00:31
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 (http://www.gesuilnazareno.org/t3-assets/dev/templates.purity_iii.less.bootstrap.less.css)

:
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {    max-height: 340px;}
: Re:menu a tendina su schermo smartphon
: enricoonofri 15 May 2016, 10:10:52
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
: Re:menu a tendina su schermo smartphon
: carorland 15 May 2016, 18:31:58
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.
: Re:menu a tendina su schermo smartphon
: tomtomeight 15 May 2016, 18:51:57
Scusa ma se l'altezza del menù è maggiore dell'altezza dello smart devi per forza scrollare.
: Re:menu a tendina su schermo smartphon
: enricoonofri 15 May 2016, 18:56:07
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?
: Re:menu a tendina su schermo smartphon
: carorland 15 May 2016, 19:54:45
ok, ma dove lo trovo questo max-width?


la barra la voglio... ma voglio aumentare un po quel limite di 340px
: Re:menu a tendina su schermo smartphon
: enricoonofri 15 May 2016, 20:27:11
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
: Re:menu a tendina su schermo smartphon
: carorland 17 May 2016, 17:40:10
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??????
: Re:menu a tendina su schermo smartphon
: conti1 18 May 2016, 13:52:10
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
: Re:menu a tendina su schermo smartphon
: carorland 18 May 2016, 13:59:37
Ok, ho capito... Metto risolto visto che ho risolto. Grazie tantissimo.
: Re:[risolto] menu a tendina su schermo smartphon
: enricoonofri 18 May 2016, 18:55:34
Di nulla!