Back to top

Autore Topic: [Risolto] barra menů che non scompare in un cellulare con android  (Letto 954 volte)

Offline sanp

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
Ciao a tutti, ho un problema con la barra menů "sticky".
E cioč ho personalizzato il CSS per averla fissa in alto con la pagina che invece gli scorre sotto.
E funziona!
mio CSS:
Codice: [Seleziona]
.navigation {
background-image: linear-gradient(to bottom, #2799d7 0%, #025eab 100%);   
z-index:10;
position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;
}
Quando accedo da cellulare, correttamente il menů da orrizzontale passa a verticale e, per tutte le pagine del sito (articoli joomla) la barra verticale mi scompare allo scroll.
Invece per la pagina contatti (e anche x guestbook) il menů non scompare.
In questo modo lo schermo č utile solo per la metŕ in quanto la metŕ superiore č occupata dal menů che rimane fisso.
Qualcuno ha qualche idea per risolvere. Grazie.
« Ultima modifica: 27 Feb 2018, 15:23:15 da sanp »

Offline sanp

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
Re:[Risolto] barra menů che non scompare in un cellulare con android
« Risposta #1 il: 27 Feb 2018, 15:28:07 »
Ho trovato in rete un suggerimento che per me ha  funzionato, e cioč inserire nel CSS questo codice:
 
Codice: [Seleziona]
@media (max-width: 600px) {
   .yourclass { position:relative; }
}
dove .yourclass nel mio caso č .navigate!

 



Web Design Bolzano Kreatif