This CSS will fix it. You have too much space between the top level and the submenu.
.menu ul li:hover ul, .menu ul li.sfHover ul {
top: 40px;
}
To add CSS: If you are using WordPress 4.7, use the “Custom CSS” option in the customizer. If your theme has a custom CSS option, use that to add the CSS shown above. If not, install the plugin Simple Custom CSS. Or, if you have Jetpack installed, enable its Custom CSS module.
Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.
IT WORKED! (I’m sure that doesn’t surprise you, but it delights me!) Thank you so much. All my noodling around looking for explanations was leading me nowhere.
I’m comfortable making most changes to my website, but coding sort of intimidates me. Again, thank you.