如何防止在另一个页面上的导航上发生单击事件

The code below works fine for my toggle menu in responsive mode. But as I go back to desktop view once I press click outside the nav bar it's slides up? How do I prevent the slide up from happening in desktop view? I only want the slide up to work in responsive mode, once the user clicks outside the menu to disappear. I've been trying find solutions to prevent this from happening, but I can't fix the problem. Please could anyone give me advice. Thank you. The code below works fine for my toggle menu in