Как пофиксить закрытие меню при наведении сохранив отступ между подменю и меню?

Question

[godsplane]

Вот сайт man.awesome-site.ru
При наведении на меню и попытке выбрать пункт из саб меню оно быстро пропадает, я так понимаю из-за отступа сверху, но если нужно пространство между этими элементами то как исправить этот косяк?

Answer 1

[Ivan Bogachev]

Как вариант:

ul.sub-menu::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 35px;
    top: -35px;
    left: 0;
}

Answer 2

[Дмитрий]

Исходя из вашей разметки:
Внутрь блока со вложенным меню добавить обёртку, которая будет стилизовать фон, отступы и т.д.
Сам блок растянуть по высоте при помощи padding и отпозиционировать так, чтобы он располагался вплотную к ссылке.
Блоку добавить display:block на ховере, чтобы он не пропадал.

Answer 3

[Егор Бабинцев]

Задаешь margin top для выпадающего меню и все.