title: jQuery Responsive Menu removing CSS backgrounds
body: <p>For some reason whenever you click the last sub-menu drop down button on "Contact", it causes all the menu li backgrounds to disappear. Anyone have any idea what's going on. This is so weird.</p>
  
  <p>The website is <a href="http://morevent.alliancemediahouston.com" rel="nofollow">http://morevent.alliancemediahouston.com</a></p>
  
  <p>and the responsive menu will come up when your screen is resized passed 768px.</p>
  
  <p>Thanks for your help.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>jQuery(function( $ ){
  
   $("header .genesis-nav-menu, .nav-primary .genesis-nav-menu").addClass("responsive-menu").before('&lt;div class="responsive-menu-icon"&gt;&lt;/div&gt;');
  
   $(".responsive-menu-icon").click(function(){
    $(this).next("header .genesis-nav-menu, .nav-primary .genesis-nav-menu").slideToggle();
   });
  
   $(window).resize(function(){
    if(window.innerWidth &gt; 768) {
     $("header .genesis-nav-menu, .nav-primary .genesis-nav-menu, nav .sub-menu").removeAttr("style");
     $(".responsive-menu &gt; .menu-item").removeClass("menu-open");
    }
   });
  
   $(".responsive-menu &gt; .menu-item").click(function(event){
    if (event.target !== this)
    return;
     $(this).find(".sub-menu:first").slideToggle(function() {
     $(this).parent().toggleClass("menu-open");
    });
   });
  
  });</code></pre>
  </div>
  </div>
  </p>