Исчезает выпадающие меню, как исправить?

Question

[Константин]

На сайте при наведении на пункт меню "Каталог" - всплывает меню:



Если опускать курсор от пункта меню "Каталог" до выпадающего меню, то оно исчезает.
Как сделать чтобы в этом промежутку меню не исчезало.

Чтобы пользователь мог спокойно навести на Каталог и спуститься к выпадающему меню, а оно не исчезло.

Answer 1

[Арсений Матыцин]

Области должны совпадать\пересекаться. Если между пунктом и выпадаюшим меню есть воздух, то ты снимаешь событие наведения.

Конкретнее — сделай первый уровень навигации в 100% высоты шапки, а менюшку позиционируй не от пункта меню, от родителя (им должна стать шапка, чтобы ты смог сделать выпадашку на 100% ширины и с точным позиционированием, не прибегая к JS).