WebSite X5Help Center

 
Alessandro R.
Alessandro R.
User

Responsive - modifica menu hamburger  it

Autore: Alessandro R.
Visite 617, Followers 1, Condiviso 0  

Domanda forse complessa...

dal menu hamburger, si puo eliminare una voce (anche attraverso codici) solo per alcune visualizzazioni nel responsive?

saluti

Postato il
9 RISPOSTE - 1 CORRETTO
Fabio C.
Fabio C.
User

Puoi cambiare il menù e/o l'hamburger menù nei vari break point, per cui, con codice ti devi creare i vari menù per le tue esigenze.

Leggi di più
Postato il da Fabio C.
Alessandro R.
Alessandro R.
User
Autore

ti ringrazio della risposta, pero bisogna conoscere il codice :)

Qual é?

Leggi di più
Postato il da Alessandro R.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Alessandro R.
... ... dal menu hamburger, si puo eliminare una voce (anche attraverso codici) solo per alcune visualizzazioni nel responsive? ... ... 

... posta il LINK online ed indica quali voci non vuoi vedere ed in quale risoluzione...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Alessandro R.
Alessandro R.
User
Autore

Ciao KolAsim,

www.prahavino.cz

attenzione, il sito non é responsive (mi scuso per non averlo precisato), ma presenta la pagina di riconoscimento del dispositivo.

Su x5 sto iniziando adesso a creare il web responsive...

per esempio si potrebbe togliere dal menu la pagina Oceněná vína a 480 px 

basta avere un esempio concreto con questi parametri, dopo per eventuali modifiche future dovrei cavarmela da solo..

ti ringrazio in anticipo...

Leggi di più
Postato il da Alessandro R.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... si dovrebbe lavorare sulla struttura reale; ...ci sono due voci, orizzontale e verticale...

... per Passo_1 | sez. Esperto | 3^ opzione (/HEAD):

<style>
@media(max-width:479px) {#imHeader_imMenuObject_01 .imLevel , #pluginAppObj_1282_container{ display:none }}
</style>

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK ... ... per Passo_1 | sez. Esperto | 3^ opzione (/HEAD):

<style>
@media(max-width:479px) {#imHeader_imMenuObject_01-menu-opened ul > li:nth-child(2) { display:none }}
</style>

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Alessandro R.
Alessandro R.
User
Autore

Ottimo, funziona...ho eliminato dal menu anche un altra voce (LA NUMERO 8)

avevo effettuato un primo tentativo (da chi non conosce nulla di codici...)...dopo il NUMERO 2 di ...nth-child(2)... avevo inserito altri paramentri che naturalmente non funzionano.

Avevo provato nth-child(2,8)     

nth-child(2;8)

cosí ho ripetuto il tuo codice impostando il numero 8 dentro le parentesi. Non vedo conflitti, funziona tutto.

Grazie 1000 KolAsim

Leggi di più
Postato il da Alessandro R.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... in  nth-child(x)  ...il nr. x  è l'identificativo della posizione progressiva del relativo selettore...

... la regola è quella, una volta capito il tutto è risolto...wink

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪