Webové zákusky

Mega menu bez pluginu

16. 4. 2022

Poslední dobou čím dál častěji potkávám tzv. „Mega-menu„, tedy podmenu, které je přes celou šířku stránky a obsahuje mnoho odkazů.

Pro DIVI existuje několik pluginů, jak toto udělat, nicméně jsem našla návod, jak to udělat i bez pluginu – DIVI má jakousi primitivní verzi Mega-menu k dispozici přímo v sobě.

Klasické DIVI submenu vypadá takto:

image 10

Kde nastavíme Mega- menu?

  1. Vzhled -> Menu
  2. V nastavení zobrazení (úplně vpravo nahoře) je třeba nastavit si možnost přidat CSS class do menu.
  3. U odkazu v menu, pod kterým chceme Mega-menu, nastavíme CSS třídu: „mega-menu
  4. To je vše.
image 11

Menuje samozřejmě primitvní, ale při větším množství odkazů a složitější struktuře se ho vyplatí použít.

image 12

Zdroje

Další články

Jak přidat fonty do DIVI

V článku o lokálních fontech v DIVI jsem popisovala, jak je možné přidat do DIVI vlastní font a co dělat, pokud DIVI daný formát fontu nepodporuje (tedy jiný formát než TFF nebo OTF). Někdy je...