Creates a sticky dropdown for the Fusion Mega Menu for the Avada WordPress theme.

sticky-dropdown.html

<script>
  // makes the dropdown sticky on hover and removes it on scrolling
  jQuery(document).ready(function () {

    /*
    On hovering over the products button, when the mouse is moved away,
    then make the dropdown stick by resetting the attributes to do that
    per Avada setup.
    */
    jQuery('.shop-main-menu').hover(null, function() {

      // display the menu again after mouse moves away
      jQuery('.fusion-megamenu-wrapper').css({
        'visibility': 'visible',
        'opacity': 1
      });

      // not sure why this timeout is needed, but without the attribute does not get changed
      setTimeout(function() {
        jQuery('.fusion-main-menu').css('overflow', 'visible');
      }, 0);
    });

    // on scrolling anywhere on the page, hide the dropdown
    jQuery(window).scroll(function() {
      jQuery('.fusion-megamenu-wrapper').css({
        'visibility': 'hidden',
        'opacity': 0
      });
      jQuery('.fusion-main-menu').css('overflow', 'hidden');
    })
  });
  </script>

Copy and paste the above code into the Space before box found in

Avada->Theme Options->Advanced->Code Fields (Tracking etc.)