Mega menuer giver brugerne mulighed for at se flere links på én gang uden at skulle scrolle, svæve og huske indhold fra din menu. Den bedste måde at tænke på megamenuer er, at de er rullemenuer i rullemenuer.

Så i stedet for din normale rullemenu, der viser en undermenu, når du svæver over dine hovedforældrelinks i din navigationslinje, giver en mega-menu dig mulighed for at have yderligere overordnede links og undermenuer i rullemenuen.

Sådan føjes en mega-menu til din navigationslinje

Log ind på dit WordPress-dashboard og naviger til Udseende> Menuer .

wordpress menu divi.png

Opret en menu med fire overordnede links, hvor hver af de overordnede links har deres egne undermenulinks. I eksemplet nedenfor tilføjer jeg tre undermenupunkter under hver af de fire overordnede menulinks.

menu divi.png

Opret et ekstra link til at fungere som et mega-menu link. For eksemplet nedenfor kalder jeg dette link "Main". Træk derefter de to overordnede menulink (hver med deres undermenulinks) under Hovedlinket.

Nu for at oprette din Megamenu skal du tilføje en speciel CSS-klasse til hovedlinket på øverste niveau kaldet "Main". Du kan gøre dette ved at klikke på linket til skærmindstillinger øverst på din side og sørge for, at CSS-klasseindstillingen er markeret.

css klasser divi.png

Endelig skal du tilføje en CSS-klasse til "Main" -linket, du lige har oprettet. Klik på pilen til højre for menupunktet "Hoved" for at skifte yderligere konfigurationsindstillinger. Find tekstfeltet med titlen CSS-klasser, og gå ind i klassen "mega-menu".

mega menu divi.png

Nu, når du genindlæser din side, kan du se, at alle de tidligere menuer er placeret i den gigantiske menu under dette link, Mega Menu.

mega menu divi example.png

Det er alt for denne tutorial, jeg håber det vil give dig mulighed for at oprette en mega menu på Divi med lethed.