I mega menu consentono agli utenti di vedere più collegamenti in una volta sola senza dover scorrere, passare il mouse e ricordare i collegamenti contenuto dal tuo menù Il modo migliore per pensare ai mega menu è che siano menu a discesa all'interno di menu a discesa.

Quindi, invece del normale menu a discesa che mostra un sottomenu quando si passa con il mouse sui collegamenti principali principali nella barra di navigazione, un mega menu consente di avere collegamenti principali e sottomenu aggiuntivi nel menu a discesa.

Come aggiungere un mega menu alla barra di navigazione

Accedi alla dashboard di WordPress e vai a Aspetti> Menu .

menu wordpress divi.png

Creare un menu con quattro collegamenti principali con ciascuno dei collegamenti principali con i propri collegamenti di sottomenu. Nell'esempio seguente, aggiungo tre voci di sottomenu sotto ciascuno dei quattro collegamenti del menu principale.

menu divi.png

Crea un collegamento aggiuntivo che funga da collegamento del mega-menu. Per l'esempio seguente, chiamo questo collegamento "Principale". Quindi trascinare i due collegamenti del menu principale (ciascuno con i collegamenti del sottomenu) sotto il collegamento principale.

Ora per creare il tuo Megamenu, devi aggiungere una speciale classe CSS al collegamento principale di primo livello chiamato "Main". Puoi farlo facendo clic sul collegamento delle opzioni dello schermo nella parte superiore della pagina e assicurandoti che l'opzione della classe CSS sia selezionata.

css classes divi.png

Infine, devi aggiungere una classe CSS al collegamento "Main" appena creato. Fare clic sulla freccia a destra della voce di menu "Principale" per attivare o disattivare le opzioni di configurazione aggiuntive. Trova la casella di testo intitolata Classi CSS e inserisci la classe "mega-menu".

mega menu divi.png

Ora, quando ricarichi la tua pagina, puoi vedere che tutti i menu precedenti sono stati collocati nel menu gigante sotto questo link, il Mega Menu.

mega menu divi example.png

Questo è tutto per questo tutorial, spero che ti permetta di creare un mega menu su Divi in tutta semplicità.