Mega menu — расширенный dropdown. Простой dropdown — 5-10 ссылок. Mega menu — 50-100+ за раз.
Когда нужно
E-commerce, корпорации, edu, новости.
Структура
Колонки, визуал+текст, tabbed. Колонки лучше всего.
Hover vs Click
Hover классика, click современнее. Mobile нет hover.
Open delay
200-300ms.
Search bar
В верху mega menu. Real-time filter.
Featured/banner
Маркетинг возможность.
Mobile
Accordion или drill-down.
Performance
HTML/CSS pre-render, lazy load images.
Accessibility
aria-haspopup, aria-expanded, keyboard navigation.
Ошибки
Много категорий, hover problems, mobile unfit, нет search, slow load.
Примеры
Apple, Microsoft, Walmart.
WordPress plugins
Max Mega Menu, UberMenu.
A/B test
Hover vs click, columns count, visuals.
Сайт.uz
Сейчас простой nav. Mega menu в планах при расширении.