I menu a tre linee sono menu minimalisti e salvaspazio che vengono mostrati solo quando i visitatori cliccano sull'icona del menu. Puoi progettare ogni parte del menu a tre linee in modo che abbia l'aspetto che il tuo cliente sta cercando.
In questo articolo, scoprirai come:
Aggiungi un menu a tre linee in qualsiasi momento dal pannello Aggiungi elementi. A seconda delle esigenze del cliente, puoi aggiungere più menu al sito e gestirli/personalizzarli singolarmente.
Per aggiungere un menu a tre linee:
- Clicca su Aggiungi elementi sul lato sinistro dell'Editor
- Clicca su Menu e ricerca
- Clicca su Menu a tre linee
- Trascina il menu pertinente nella posizione desiderata sulla pagina
Dopo aver aggiunto un menu a tre linee al sito, scegli il menu che mostra. Puoi visualizzare menu diversi su ogni singolo menu a tre linee, fornendo un contesto specifico per la pagina/sezione in cui si trova.
Per gestire un menu a tre linee:
- Seleziona l'icona del menu a tre linee
- Clicca su Modifica menu
- Seleziona l'elemento verticale del menu
- Clicca su Gestisci menu
- Clicca sul menu a tendina sotto Quale menu viene visualizzato?
- Menu esistente: seleziona il menu che hai scelto dal menu a tendina
- Nuovo menu:
- Clicca su Gestisci menu del sito
- Clicca su + Aggiungi nuovo e crea il menu personalizzato
Dopo aver aggiunto un menu a tre linee, personalizzalo totalmente per adattarlo all'aspetto del sito.
Per personalizzare un menu a tre linee:
- Seleziona l'icona del menu a tre linee
- Scegli cosa personalizzare:
Icona del menu a tre linee
Questo è il tasto che i visitatori cliccano per accedere al menu.
- Progetta il tasto: apri il pannello Ispezione per modificare il tasto, così come l'icona o il testo che mostra
- Configura il tasto: clicca sull'icona Impostazioni per decidere quale icona e/o testo mostrare
- Regola il layout: clicca sull'icona Layout per regolare l'allineamento dell'icona o del testo. Se stai mostrando sia un'icona che un testo, puoi impostare la spaziatura tra di loro e la posizione dell'icona
Contenitore e overlay del menu
Quando i visitatori cliccano sull'icona del menu a tre linee, si apre un contenitore. Clicca su Modifica menu per accedervi e personalizzarlo:
- Progetta il contenitore: apri il pannello Ispezione per modificare il riempimento dello sfondo, aggiungere bordi, modificare gli angoli e altro ancora
- Ridimensiona il contenitore: puoi cliccare sull'icona Adatta per espanderlo in modo che occupi l'intero schermo, o puoi semplicemente modificare le dimensioni sull'area di lavoro
- Aggiungi elementi al contenitore: puoi aggiungere tutti gli elementi di cui hai bisogno, come il logo del cliente, i link ai social media o una barra per l'accesso per i membri del sito
- Configura il contenitore: clicca sull'icona Impostazioni per scegliere se mostrare o meno un overlay di sfondo, nonché l'opzione di toccare all'esterno per chiudere il contenitore
Se il contenitore occupa solo parte dello schermo, è circondato da un overlay personalizzabile che aiuta i visitatori a concentrarsi sul menu.
Clicca in un punto qualsiasi dell'overlay per progettarlo nel pannello Ispezione. Imposta un colore, un gradiente o un riempimento immagine, aggiungi bordi, modifica gli angoli e altro ancora.
Questo è l'elemento del menu effettivo. Clicca su Modifica menu e seleziona il menu verticale per personalizzarlo:
- Configura il menu: clicca su Gestisci menu per scegliere le pagine, i link e i sottomenu mostrati
- Regola il layout: modifica l'allineamento degli elementi del menu e della freccia del sottomenu cliccando sull'icona Layout
- Progetta il menu: apri il pannello Ispezione per personalizzare il design per due stati: Regolare e Selezionato
Questo è il tasto "X" su cui i visitatori cliccano per chiudere il menu. Clicca su Modifica menu e seleziona il tasto chiudi per personalizzarlo:
- Progetta il tasto: apri il pannello Ispezione per modificare il tasto, ma anche l'icona o il testo che mostra
- Configura il tasto: clicca su Impostazioni per decidere che icona o testo mostrare
- Regola il layout: clicca sull'icona Layout per regolare l'allineamento dell'icona o del testo. Se stai mostrando sia un'icona che un testo, puoi impostare la spaziatura tra di loro e la posizione dell'icona