WebSite X5Help Center

 
Alessandro R.
Alessandro R.
User

Responsive - modifica menu hamburger  it

Autor: Alessandro R.
Visitado 510, Seguidores 1, Compartilhado 0  

Domanda forse complessa...

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

saluti

Publicado em
9 RESPOSTAS - 1 CORRIGIR
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.

Ler mais
Publicado em de Fabio C.
Alessandro R.
Alessandro R.
User
Autor

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

Qual é?

Ler mais
Publicado em 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...

.

Ler mais
Publicado em 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...

Ler mais
Publicado em 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>

.

Ler mais
Publicado em 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>

.

Ler mais
Publicado em 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

Ler mais
Publicado em 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

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪