Back to top

Autore Topic: [RISOLTO] Lunghezza offcanvas menu su smartphone (il mio è troppotroppo corto!)  (Letto 1945 volte)

Offline eliasambo

  • Esploratore
  • **
  • Post: 94
    • Mostra profilo
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!

« Ultima modifica: 26 Ott 2017, 14:50:15 da eliasambo »

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Template basato su Helix 3?
Un link al sito...?

Cambierei la frase tra parantesi nel titolo del tuo topic...  ;D :-X ;)

Offline eliasambo

  • Esploratore
  • **
  • Post: 94
    • Mostra profilo
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 :-)
« Ultima modifica: 26 Ott 2017, 11:42:22 da eliasambo »

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
p.s.: il tra parentesi era per sdrammatizzare una giornata pesantina :-)

peccato non sia ammesso, ti spiegherei il perchè di ciò, ma è tardi.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline eliasambo

  • Esploratore
  • **
  • Post: 94
    • Mostra profilo
post aggiornato

Offline eliasambo

  • Esploratore
  • **
  • Post: 94
    • Mostra profilo
Chiaro no? :-D

Offline danielecr

  • Abituale
  • ****
  • Post: 1357
    • Mostra profilo
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.

Offline eliasambo

  • Esploratore
  • **
  • Post: 94
    • Mostra profilo

Offline danielecr

  • Abituale
  • ****
  • Post: 1357
    • Mostra profilo
Prova così, in un foglio css che viene caricato dal template (meglio se custom.css o simili):

Codice: [Seleziona]
.offcanvas-menu {
    overflow-y: scroll;
}

PS: se funziona voglio un paio di biglietti omaggio per ecomondo!!  ;)

Offline eliasambo

  • Esploratore
  • **
  • Post: 94
    • Mostra profilo
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 ;)

Offline eliasambo

  • Esploratore
  • **
  • Post: 94
    • Mostra profilo
Ecco il codice che serve allo scopo:

Codice: [Seleziona]

/* 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



« Ultima modifica: 26 Ott 2017, 14:56:42 da eliasambo »

Offline danielecr

  • Abituale
  • ****
  • Post: 1357
    • Mostra profilo
Ottimo! ho visto che hai inserito auto, meglio, cosi non hai lo scroll sempre visibile.
« Ultima modifica: 26 Ott 2017, 21:47:59 da danielecr »

Offline eliasambo

  • Esploratore
  • **
  • Post: 94
    • Mostra profilo
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!!!


Offline danielecr

  • Abituale
  • ****
  • Post: 1357
    • Mostra profilo
messaggio privato inviato, grazie mille a te!

 



Web Design Bolzano Kreatif