evitare menú principale a tendina su dispositivi mobili

[andmicci]

Salve a tutti,
mi chiedevo se e' possibile mantenere il top menu' fisso su un sito responsive evitando che quando questo
viene visualizzato su un dispositivo mobile, si trasformi nel pulsante quadrato con le tre righe che permette poi di accedere al classico menu a tendina.


In sostanza dovrebbe risultare come il menu del sito google…con qualsiasi dispositivo lo si usa il menu non cambia aspetto.


grazie in anticipo

[$Red]

ciao puoi provare ad inserire un regola css tipo questa

Codice: [Seleziona]

.menu-responsive {
  display: none;
}dico tipo perche non potendo vedere il sito, bisogna sempre mettere un link al sito, non so qual'č la classe che richiama il menu mobile, quindi devi sostituire .menu-responsive con quella presente sul template

[andmicci]

hai ragione  ecco il sito


grazie

[andmicci]

Ho provato ma non cambia nulla…


ma su quale file .css devo inserire la stringa?


io ho:


custom.css
joomla.css
k2style.css
style.css
template.css


grazie

[$Red]

io utilizzo gantry con il suo template e ho creato un file gantry-custom.css,penso che dovcresti usare il custom.css, comunque quello che ho detto penso, anzi sono abbastanza sicuro, sia sbagliato perche cosi non visualizzeresti piu nessun menu, comunque la regola dovrebbe essere questa per rimuoverlo

Codice: [Seleziona]

#fav-navbar-btn {
  display: none;
}

[andmicci]

ok grazie


ma devo aggiungerla in un punto qualsiasi del file?
o a fine pagina?

[$Red]

in qualsiasi punto basta che non va ad inserirsi in altre regole

[andmicci]

ho provato…non vedo piů' nessun menu sotto i 769px di width


e' come se la regola impedisse di visualizzare il menu' previsto per i dispositivi mobili ma non permettesse invece di visualizzare il menu standard

[$Red]

la regola rimuove la visualizzazione della barra di nav mobile, il fatto č che per ogni dispositivo c'č una regoila diversa sul file template.css

Codice: [Seleziona]

/* Mobile */
@media (min-width: 1200px) {

  #fav-nav-sm {
    display: none;
  }

}
@media (min-width: 768px) and (max-width: 1199px) {

    #fav-nav-sm {
        border-bottom: 1px solid #ddd;
    }
  #fav-header #fav-nav {
    display: none;
  }
  #fav-nav-sm #fav-nav {
    padding: 7px 0px 16px;
    float: none;
  }
  #fav-nav-sm .moduletable ul.nav.menu {
    float: none;
  }
  #fav-nav-sm .navigation {
    display: table;
    margin: 0 auto;
  }
  #fav-nav-sm .navigation .nav-pills {
    margin-top: 0;
  }

}

/* Mobile */
@media (min-width: 768px) and (max-width: 979px) {

   #fav-nav-sm .navigation li a {
    padding: 10px;
   }

}
@media (min-width: 768px) {

  #fav-navbar {
    display: none;
  }

}

/* IE */
.lt-ie9 #fav-navbar,
.lt-ie9 #fav-nav-sm {
  display: none;
}
.lt-ie9 #fav-header {
  position: relative;
  z-index: 9999;
}
.lt-ie9 .navigation ul.nav-child {
  padding-top: 0;
}
.lt-ie9 .navigation ul.nav-child a:hover {
  background-color: #fff;
}


/* Navbar for mobile view
---------------------------------------------------------------------------- */ siceramente non so come dovresti modificarla forse rimuovendo quel

Codice: [Seleziona]

#fav-navbar {
    display: none;
  }nella varie visualizzazioni, puoi provare sicuramente qualcuno esperto in css risponderŕ dandoti la soluzione corretta, mi raccomando un backup del file prima