Joomla.it Forum

Joomla! 3 => Joomla! 3 => : 01Danny 27 Jul 2015, 13:47:10

: [Risolto] Main menu sempre visibile quando scroll down
: 01Danny 27 Jul 2015, 13:47:10

Ciao a tutti,

Sto lavorando su questo sito http://www.sikhpolice.org/ (http://www.sikhpolice.org/) e vorrei sapere se qualcuno ha suggerimenti su come fare ad avere l'header (parte bianca che comprende logo e menu) sempre visibile quando si scrolla giù. Esempio: http://content.met.police.uk/Home (http://content.met.police.uk/Home)

Grazie mille  ;)

: Re:Main menu sempre visibile quando scroll down
: sasarella 27 Jul 2015, 14:42:27

Devi lavorare di css.
Innanzitutto devi "inglobare" il logo al menu.

Poi per il menu: ho buttato giù con firebug velocemente il css per il tuo menu per posizionarlo in alto quando scrolli:

:

.uk-navbar-flip {   
   background: #fff;   
   float: right;   
   position: fixed;   
   z-index: 1;
}
Vai, prova e facci sapere! :)

: Re:Main menu sempre visibile quando scroll down
: 01Danny 28 Jul 2015, 00:21:09

Grazie sasarella.
Ho preso spunto da quello che hai scrito tu e ho risolto così:

:

.tm-headerbar{
  position: fixed !important;
  margin-top: -160px;
  z-index: 1;
  box-shadow: 0 4px 2px -2px gray;
}

#parallax-top-image {
  max-height: 1000px;
  background-image: url("http://www.sikhpolice.org/images/parallax-top.jpg");
  margin-top: 160px;
}
Many thanks  ;)