Mega-menyer tillåter användare att se fler länkar på en gång utan att behöva rulla, hovra och komma ihåg innehåll från din meny. Det bästa sättet att tänka på megamenyer är att de är rullgardinsmenyer inom rullgardinsmenyer.
Så istället för din vanliga rullgardinsmeny som visar en undermeny när du håller muspekaren över dina huvudsakliga överordnade länkar i navigeringsfältet, tillåter en megameny att du har ytterligare överordnade länkar och undermenyer i rullgardinsmenyn.
Hur du lägger till en mega-meny till din navigationsfält
Logga in på din WordPress-instrumentpanel och navigera till Utseenden> Menyer .
Skapa en meny med fyra överordnade länkar med var och en av överordnade länkar som har sina egna undermenylänkar. I exemplet nedan lägger jag till tre undermenyposter under var och en av de fyra överordnade menylänkarna.
Skapa en ytterligare länk för att fungera som en mega-menylänk. För exemplet nedan kallar jag den här länken "Main". Dra sedan de två överordnade menylänkarna (var och en med sina undermenylänkar) under huvudlänken.
Nu för att skapa din Megamenu måste du lägga till en speciell CSS-klass till huvudlänken på toppnivån som heter "Main". Du kan göra detta genom att klicka på länken för skärmalternativ högst upp på din sida och se till att CSS-klassalternativet är markerat.
Slutligen måste du lägga till en CSS-klass till "Main" -länken du just skapade. Klicka på pilen till höger om menyalternativet "Main" för att växla ytterligare konfigurationsalternativ. Hitta textrutan med titeln CSS-klasser och ange klassen "mega-meny".
Nu när du laddar om din sida kan du se att alla tidigare menyer har placerats i jättemenyn under den här länken, Mega Menu.
Det var allt för den här handledningen, jag hoppas att den låter dig skapa en megameny på Divi i all enkelhet.
