title: HOw can I make the Sub-menu in Fusion Mega Menu only show on hover?
body: <p>I am using a Fusion theme for Wordpress and attempting to match the mega menu on the old site. If you have a look at production:</p>
  
  <p><a href="http://seiler.com" rel="nofollow">Production site</a></p>
  
  <p>You can see what I want by hovering over "Expertise" and then "Families &amp; Individuals" -- the sub-menu appears on the right with a line separator.</p>
  
  <p>Now have a look at development:</p>
  
  <p><a href="http://dev.icsandbox.com/" rel="nofollow">Development site</a></p>
  
  <p>When you hover over "Expertise" you will see that all sub-menus show up which makes the mega menu container far too long.</p>
  
  <p>I am 99.9% certain I am going to have to write some JQuery to make the menu hover portion work, but how do I style that menu to make the sub-menu show up the way it does in production?</p>
  
  <p>Unfortunately I cannot post code as the style sheet is HUGE and the menu stuff is sprinkled throughout it by the theme developer.</p>
  
  <p>Any tips, suggestions or ideas?</p>
  
  <p>ADDED COMMENT/QUESTION: I wrote some JQuery to make the items show/hide as desired, but I cannot get the sub-menu to show the way I want. I have tried what was given in the first answer and it doesn't work for me. I am able to push the sub-menu to the right, so I know my CSS is selecting the right node, but I can't, for instance, make the list style go away so there are no arrows. Any ideas on how to match these two menus?</p>