Чтобы было понятно какой пункт меню активен его надо как-то выделить среди остальных, проще всего оставить подчеркнутым или выделить как-то по другому
Читать далее Подчеркивание пункта менюDropdown menu 3 levels
по мотивам
3 levels menu dropdown with css – https://codepen.io/sheldonled/post/menu-dropdown-css-3levels
Меню – 3 уровня НTML + CSS
Верхний уровень меню расположен в строчку
2й и 3й уровень расположены в столбцы
Меню 3го уровня слева от родительского столбца, кроме последней колонки – там справа.
WordPress menu
WordPress Menu User Guide – https://codex.wordpress.org/WordPress_Menu_User_Guide
How to Automatically Create WordPress Navigation Menu Items – https://clicknathan.com/web-design/automatically-create-wordpress-navigation-menu-items/
How to Add Custom Navigation Menus in WordPress Themes – https://www.wpbeginner.com/wp-themes/how-to-add-custom-navigation-menus-in-wordpress-3-0-themes/
Flexbox examples – меню – https://vahro.ru/other/flexbox-examples-menyu/
Dropdown menu 3 levels – https://vahro.ru/other/dropdown-menu-3-levels/
Примеры меню – https://vahro.ru/other/primery-menyu/
Примеры меню
Dropdown menu 3 levels – https://vahro.ru/other/dropdown-menu-3-levels/
Flexbox examples – меню – https://vahro.ru/other/flexbox-examples-menyu/
Mobile Navigation – https://vahro.ru/other/mobile-navigation/
Добавить seach-box в меню
<?php
add_filter('wp_list_pages','add_search_box', 10, 2);
add_filter('wp_nav_menu_items','add_search_box', 10, 2);
function add_search_box($items, $args) {
ob_start();
get_search_form();
$searchform = ob_get_contents();
ob_end_clean();
$items .= '<li>' . $searchform . '</li>';
return $items;
}
?> Flexbox examples – меню
Mobile Navigation
Mobile Nav – https://codepen.io/shieldsma91/pen/zLpbLX
CSS Mobile Menus – https://freefrontend.com/css-mobile-menus/
Menu buttons CSS-Only
Animating CSS-Only Hamburger Menu Icons – https://codepen.io/engza/pen/JGeVVK
Анимированная кнопка меню – https://ruseller.com/lessons.php?id=2301&rub=2