Come creare un mega menu su Divi

I menu Mega consentono agli utenti di vedere più collegamenti contemporaneamente senza dover scorrere, passare il mouse e ricordare il contenuto del menu. Il modo migliore per capire i mega menu è che sono 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 .

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.

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.

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

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.

Questo è tutto per questo tutorial, spero che ti permetta di creare facilmente un mega menu su Divi.