Blog

Mega menu bez pluginu

Dub 16, 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

Zdroj: https://www.peeayecreative.com/how-to-create-a-divi-mega-menu/

Co si ještě přečíst?

Zajímavosti z projektů

Jak změnit wp-login URL

Občas je zajímavé podívat se, kdo na Váš web chodí a hlavně - kam. Např. pluginy jako Wordfence a...

Bezvýpadkové nasazení webu

O co vlastně jde Ne vždy má člověk štěstí na to, aby dělal nový web od základu a občas je potřeba...

Práce s DIVI

Dlouhé sticky menu na mobilu

Při použití sticky menu (menu, které při scrolování stránky zůstane nalepené nahoře a je tedy vždy...

Lokální fonty v DIVI

DIVI má k dispozici velký výběr fontů, hlavně Google Fonts (i když některé chybí) a další. V tom...

Návody

Dlouhé sticky menu na mobilu

Při použití sticky menu (menu, které při scrolování stránky zůstane nalepené nahoře a je tedy vždy...

Jak změnit wp-login URL

Občas je zajímavé podívat se, kdo na Váš web chodí a hlavně - kam. Např. pluginy jako Wordfence a...

Lokální fonty v DIVI

DIVI má k dispozici velký výběr fontů, hlavně Google Fonts (i když některé chybí) a další. V tom...