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

Question

[Римский]

Подскажите пожалуйста как сделать выпадание при :hover лишь у тех пунктов где есть внутренние пукты сайт

Большое спс.

Answer 1

[Михаил Горячкин]

Это просто пичаль! Вы посмотрите свой css, все траблы из-за этой вот строчки:

.main-nav:hover .sub-menu {
    visibility: visible;
    opacity: 1;
}

Как раз тут и прописано, что подменю появляется, при наведении на весь блок. Вам надо убрать это правило и поставить например так:

.menu-item:hover .sub-menu {
    visibility: visible;
    opacity: 1;
}

И будет вам счастье.

Comments

[Римский]

Спасибо за подсказку, подошел этот вариант
.menu-item:hover .sub-menu {
visibility: visible;
opacity: 1;

[Михаил Горячкин]

да не на чем, вопрос тогда закройте.