Allow dropdown menu on hover instead of click

Unite Theme
1

The main menu is set up to only show subpages when you click the parent link. How can I change the CSS to make the subpages show on hover instead?

My WIP test site is at
http://ceceliamclaughlin.com/hbc/

2

You can make dropdown menu open on hover by adding this simple CSS to Appearance >> Theme Options >> Other >> Custom CSS.

@media (min-width: 767px) {
  ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
  }
  ul.dropdown-menu a {
    color: #fff;
  }
  ul.dropdown-menu li a:hover {
    background: #082955;
    color: #fff;
  }
}

Let me know if you need any further assistance with this.

3

Thank you very much, that works perfectly.