How can I fix issues with small activation space on dropdown menus?

I’m having issues where the “activation space” on my dropdowns is too small, causing my menus to close before I can mouseover where it will activate. Does anyone have any suggestions, or can someone point me in the right direction? I’m fairly inexperienced coding, but I’ve been able to wrangle most of it together.

Use this code:

$('.dropdown-menu').hover(
  function() {
    $(this).stop(true, true).delay(200).fadeIn(200);
  },
  function() {
    $(this).stop(true, true).delay(200).fadeOut(200);
  }
);

Hey Nom! Thank you for responding- what file do I paste that code?