test – hamb.menu, query

MENU zcela nahoře vpravo

Elementor Nav Menu Widget
– Mobile/Tablet only
– Header template pro tuto stránku: Header – hamburger menu
CSS button: /*HAMBURGER BUTTON*/
CSS menu: /*MENU 03 – Elementor NAV widget*/
Snippets: Skript toggle menu

V CSS mám pro lepší testování že se Hamburger zobrazí od 1600px výše, jinak se zobrazuje jen menu samotné.

Hamburger: Je v headeru jako HTML widget s kódem, widget má class .togglatko a kód je obalen <a href=”#”>…</a>. Je v něm funkce která po kliku dělá animaci ikonky.
CSS styly pro button s ikonkou viz výše.

Menu: V headeru je klasicky Elementor Nav Menu widget s ID #ele-navmenu-widget.

Snippet: Funkce přidávající do headeru že cokoliv s classou .togglatko po kliku zobrazí cokoliv s ID #ele-navmenu-widget.

Pozn:

• Ikonka je taková fancy věc navíc, celkově stačí na tlačítko použít cokoliv co má href=”#” s classou .togglatko. Takže třeba Icon widget, Button widget, text, whatever.
• Díky použití Elementor widgetu mám rozevírání submenu vyřešené – klikem na položku se otevře submenu, druhým klikem se přejde na stránku. Díky přestylování Elementořích šipeček pro položky se submenu můžu klikat na šipečky do aleluja.
• Zatím udělané/nastylované pro max. 2 podúrovně menu.