Custom menu hover only displays children of current menu item

enter image description here

This is the navigation menu I am trying to create. Research, publications and team has submenus. However, they are not visible on hover. It only shows submenus of current menu item like the one below.

Now, when I still hover on Research, Publications etc. the submenus are not visible.

CSS:

.nav-menu li:hover ul {
display: block !important;
}

Read more here: Custom menu hover only displays children of current menu item

Leave a Reply

Your email address will not be published. Required fields are marked *