WebSite X5Help Center

 
Alessandro R.
Alessandro R.
User

Responsive - modifica menu hamburger  it

Autor: Alessandro R.
Visitado 620, Followers 1, Compartido 0  

Domanda forse complessa...

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

saluti

Publicado en
9 RESPUESTAS - 1 CORRECTO
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.

Leer más
Publicado en de Fabio C.
Alessandro R.
Alessandro R.
User
Autor

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

Qual é?

Leer más
Publicado en de 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...

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Alessandro R.
Alessandro R.
User
Autor

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...

Leer más
Publicado en de 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>

.

Leer más
Publicado en de  ‪ 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>

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Alessandro R.
Alessandro R.
User
Autor

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

Leer más
Publicado en de 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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪