Всем привет.
Помогите пожалуйста, перекопал всё что мог, так и не понял в чём проблема. При наведении(ховере) на один из пунктов меню должен появляться выпадающий список, ок тут всё норм, он появляется, но при наведении на этот список он пропадает.
.header__nav-list-subparagraph {
// display: flex;
display: none;
// padding-top: 50px;
position: absolute;
// top: 67px;
left: 485px;
flex-direction: column;
}
.header__nav-list-subparagraph-item-link {
text-decoration: none;
font-family: Raleway;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #fff;
}
.header__nav-list-subparagraph-item {
border-radius: 16px;
background: #000;
padding: 12px 16px;
margin-bottom: 4px;
// margin-top: 15px;
position: relative;
}
.subparagraph {
position: relative;
}
.subparagraph:hover+.header__nav-list-subparagraph {
display: block;
}
<li class="header__nav-list-item"><a class="subparagraph header__nav-list-item-link" href="#">Не главная<img
class="header__nav-list-item-link-arrow" src="img/icons/arrow.svg" width="8" height="16"
alt="стрелка"></a>
<ul class="header__nav-list-subparagraph">
<li class="header__nav-list-subparagraph-item"><a class="header__nav-list-subparagraph-item-link" href="#">Ещё подпункт</a></li>
<li class="header__nav-list-subparagraph-item"><a class="header__nav-list-subparagraph-item-link" href="#">Подпункт</a></li>
<li class="header__nav-list-subparagraph-item"><a class="header__nav-list-subparagraph-item-link" href="#">И ещё один подпункт</a></li>
</ul>
</li>