Joomla.it Forum
Joomla! 3 => Joomla! 3 => : eliasambo 25 Oct 2017, 22:02:52
-
Salve a tutti,
su joomla 3.8.1 aggiornato di tutto punto:
sto uscendo matto a trovare la configurazione sui css per permettere che offcanvas si allunghi oltre la misura del telefono e scorrere tutte le voci del menu. Ho fatto varie prove su miotemplate/css/template.css ma non c'è nulla che sortisca il risultato agognato
Allego uno screenshot per rendere più chiaro il concetto.
Il fatto è che devo aggiungere altre categorie e ho paura che non saranno visualizzabili
Grazie per qualsiasi suggerimento
AGGIORNAMENTO
================
la parte di codice sul template.css che regola la lunghezza (dall'alto al basso) del offcanvas menu è:
.offcanvas-menu {
height: 100%;
il menu si può accorciare (es. 50%) e in questo caso occuperà mezza schermata dello smartphone, oppure di può settare come relative. Nel secondo caso si allungherà o accorcerà in base alle voci del menu. In ogni caso la massima lunghezza del menu stesso è vincolata alla lunghezza dello smartphone perchè altri attributi non sono accettati. Se scrivo height 200% non sortisce effetto....il menu non scorre oltre la lunghezza dello smartphone. Resta bloccato.
E' singolare che se uno ruota lo smartphone in orizzontale sul menu visualizza solo le prime voci. Per intenderci: non scrolla!
-
Template basato su Helix 3?
Un link al sito...?
Cambierei la frase tra parantesi nel titolo del tuo topic... ;D :-X ;)
-
Grazie Limma,
il sito è www.aleco.it Come dicevo, siccome devo aggiungere altre categorie ho paura che su smartphone diventi un problema visualizzarle. (si Helix 3)
p.s.: il tra parentesi era per sdrammatizzare una giornata pesantina :-)
-
p.s.: il tra parentesi era per sdrammatizzare una giornata pesantina :-)
peccato non sia ammesso, ti spiegherei il perchè di ciò, ma è tardi.
-
post aggiornato
-
Chiaro no? :-D
-
Si chiaro, ma il link al sito?
Se lo metti hai più possibilità che altri ti rispondano..al 99% non installano helix3 solo per vedere come mai il menu è tagliato.
-
www.aleco.it
-
Prova così, in un foglio css che viene caricato dal template (meglio se custom.css o simili):
.offcanvas-menu {
overflow-y: scroll;
}
PS: se funziona voglio un paio di biglietti omaggio per ecomondo!! ;)
-
grazie danielecr,
il codice funziona su offcanvas sul desktop (ridimensionando la pagina) ma non se visualizzato su smartphone.
2 biglietti omaggio posso farteli avere comunque (ci sentiamo in privato). Grazie per il tentativo ;)
-
Ecco il codice che serve allo scopo:
/* OFFCANVAS SCROLL SU SMARTPHONE */
.off-canvas-wrap, .inner-wrap {
overflow-y: auto
}
.off-canvas-wrap{
overflow-y: auto;
}
.offcanvas-menu {
overflow-y: auto;
}
danielecr: dammi la email in privato che ti faccio avere i biglietti! Grazie ancora e buona giornata a tutti :D
-
Ottimo! ho visto che hai inserito auto, meglio, cosi non hai lo scroll sempre visibile.
-
Ciao danielecr,
grazie per il messaggio, d'altra parte sei tu che mi hai dato lo spunto.... sono un niubbo e da solo era difficile che andavo a pescare "overflow-y" ;)
Buona serata...sappi che se vorrai (o interessa) i 2 biglietti te li faccio avere con molto piacere!!!
-
messaggio privato inviato, grazie mille a te!