Drop Down Menu not getting hidden once clicked

Hi there,

I can replicate the issue, it’s becuase when clicking on the parent menu item, GP adds the sfhover class to it to open the sub menu.

Try adding this JS to a hook element, and set the hook name to wp_footer, set the location to entire site.

<script>
document.querySelectorAll('li.menu-item-has-children').forEach(function(el) {
    el.addEventListener('mouseleave', function() {
        el.classList.remove('sfHover');
    });
});
</script>

Let me know if this helps!

In this case, remove the JS and add this CSS instead:

.main-navigation:not(.toggled) ul li.sfHover:not(:hover)>ul {
    display: none;
}