title: Superfish - Current Sub-menu Always Show
body: <p>I am using Superfish to show a horizontal menu on a website. Whenever I am on a page that is either the current menu item or sub-menu item, the sub-menu always show. When this happens, it overlaps other sub-menus when you hover the mouse over them. How do you hide the current sub-menu being shown?</p>
  
  <p>edit:
  OK I figured out how to do this with CSS. I added the following code to superfish-navbar.css</p>
  
  <pre><code>ul.sf-navbar ul {
  display: none;
  }
  ul.sf-navbar li:hover ul {
  display: block;
  }
  </code></pre>
  
  <p>It hides the current sub-menu and shows all sub-menus when you hover over the parent item.</p>