Vai al contenuto principale

Come creare un mega menu su Divi

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 701.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

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 .

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.

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

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.

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

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.

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

mega menu divi example.png

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

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
13 azioni
quota6
Tweet
Enregistrer7