Editor Wix Harmony: usare i menu a tre linee
8 min
In questo articolo:
- Aggiungere un menu a tre linee
- Personalizzare il tasto che apre il menu
- Personalizzare il contenitore del menu a tre linee
- Personalizzare il tasto che chiude il menu
Questo articolo si riferisce al nuovo Editor Wix Harmony, rilasciato a gennaio 2026. Se non sai con certezza se stai usando l'Editor Wix Harmony o l'Editor Wix, visualizza più informazioni qui.
I menu a tre linee offrono una soluzione pulita ed efficiente in termini di spazio che appare solo quando i visitatori cliccano sull'icona del menu.
Hai il pieno controllo sugli elementi di design del menu a tre linee, il che ti consente di adattarlo al tuo branding e al tuo stile specifico.
Aggiungere un menu a tre linee
Ci sono 2 modi per aggiungere un menu a tre linee al tuo sito. Puoi aggiungere un menu a tre linee nuovo dal pannello Aggiungi elementi, oppure puoi cambiare rapidamente un menu esistente allo stile a tre linee direttamente dalla barra delle azioni.
Per aggiungere un menu a tre linee:
- Vai al tuo Editor
- Scegli cosa fare dopo:
Aggiungi un nuovo menu a tre linee
accanto alle categorie per sfogliare l'elencoCambia il layout esistente in un menu a tre linee
Lo sapevi?
Quando aggiungi un menu orizzontale o verticale all'intestazione su desktop, questo diventa automaticamente un menu a tre linee su mobile. Ciò garantisce che i visitatori possano accedere al tuo menu da tutti i dispositivi.
Personalizzare il tasto che apre il menu
Il tasto del menu a tre linee è una parte fondamentale della navigazione del tuo sito e puoi fare in modo che si adatti al tuo stile. Regola l'icona e il testo per comunicare esattamente ciò che vuoi, quindi perfeziona i dettagli del design, fino ai colori, alla spaziatura e all'animazione.
Per personalizzare il tasto «Apri»:
- Vai al tuo Editor
- Clicca sull'icona del menu a tre linee
- Scegli come personalizzare il tasto:
Sostituisci l'icona
sotto Scegli un'iconaImposta il testo del tasto
sulla barra delle azioniProgetta il design del tasto
sulla barra delle azioniPersonalizzare il contenitore del menu a tre linee
Quando i visitatori cliccano sull'icona del menu a tre linee, il menu del sito si apre in un contenitore spazioso con una sovrapposizione, rendendo il menu leggibile. C'è molto che puoi personalizzare: regola i colori del contenitore, del menu e dell'overlay, e aggiungi altri elementi come il tuo logo o una barra social.
Per personalizzare il contenitore del menu a tre linee:
- Vai al tuo Editor
- Accedi al contenitore:
- Clicca sull'icona del menu a tre linee
- Clicca sul menu a tendina Modalità normale e seleziona Menu a tre linee
- Scegli cosa fare dopo:
Progetta il contenitore
: modifica il colore dello sfondo del contenitore e il colore della sovrapposizione, scegliendo uno dei colori del tuo brand o un colore personalizzato
: definisci i bordi del contenitore in modo che risalti, scegliendo un colore, una larghezza e uno stile. Clicca sull'icona Modifica i singoli bordi 
per progettare ogni lato del bordo
: rendi gli angoli del contenitore più squadrati o arrotondati trascinando il cursore sotto Raggio. Clicca sull'icona Modifica i singoli angoli 
per progettare ogni angolo separatamente
: applica un'ombra interna ed esterna per dare al contenitore un interessante effetto 3D, impostando la posizione, la sfocatura, il colore e altro ancora
: dai respiro ai tuoi contenuti aggiungendo un'imbottitura intorno al contenitore
: decidi dove deve essere posizionato tutto: il tasto di chiusura, il menu all'interno del contenitore e il contenitore rispetto alla pagina. Scegli tu quanto spazio deve occupare il contenitore (es. un terzo della pagina, metà pagina, ecc.)Gestisci e progetta il design del menu
Aggiungi elementi al contenitore
Hai finito di modificare?
Clicca su Fatto accanto a Modifica: Menu a tre linee sulla barra mobile per tornare alla tua pagina.
Personalizzare il tasto che chiude il menu
Personalizza il tasto che i visitatori cliccano per chiudere il menu a tre linee. Sostituisci l'icona, aggiungi un testo utile (es. "Esci") e progettalo come preferisci.
Per personalizzare il tasto "Chiudi":
- Vai al tuo Editor
- Accedi al tasto "Chiudi":
- Seleziona l'icona del menu a tre linee
- Clicca sul menu a tendina Modalità normale e seleziona Menu a tre linee
- Clicca sul tasto "Chiudi"
- Scegli cosa fare dopo dalla barra delle azioni:
Aggiungi testo all'icona
Personalizza l'icona
Progetta il design del tasto "Chiudi"
Hai finito di modificare?
Clicca su Fatto accanto a Modifica: Menu a tre linee sulla barra mobile per tornare alla tua pagina.