How to style a dropdown menu so that it only pops up on hover where there are inner buttons?

Question

css

Please tell me how to make a dropout with :hover only for those points where there are internal points of the site
Great ATP.

Answer 1

It's just pichal! You look at your css, all the troubles are because of this line:

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

Just here it is written that the submenu appears when hovering over the entire block. You need to remove this rule and put it like this:

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

And you will be happy.