Как решить проблему с выпадающим меню?

Question

[Герман Зуяков]

В выпадющем меню не возможно попасть на выпадающий список как это решить?
codepen

Comments

[Вадим]

Древнейшая проблема.
Один из популярных способов решения - добавить для сабменю псевдоэлемент, расположенный так, чтобы перекрывать пробел между родительским пунктом меню и подменю.

[Герман Зуяков]

Вадим, Ок, мне эту верстку потом по вп натягивать как мне это там реализовать?

[Вадим]

Герман Зуяков, Ну так css же Вы тоже будете переносить в ВП, поэтому не будет проблем.

[Вадим]

Герман Зуяков, А псевдоэлементы через css и рисуются.
::before \ ::after

[Герман Зуяков]

Вадим, Спасибо, понял

Answer 1

[Владислав Черненко]

Убрать нижний padding у header-а и прописать его для li

Answer 2

[Роберт Плант]

.menu-item-has-children a {padding-bottom: 4px;}