I just checked your code present here :
http://www.whowinkedme.com/wp-content/themes/winked-child/js/scripts.js[
^]
I can see you have used the below code for closing the menu on body click :-
$(".sidr-open #main-nav").click();
So, you can do the following to achieve the one you want.
1. Add hideMenu(); onclick method for all your menu list like :-
<a href="#Home" onclick="hideMenu();">...</a>
<a href="#About" onclick="hideMenu();">...</a>
<a href="#Share" onclick="hideMenu();">...</a>
<a href="#Screenshots" onclick="hideMenu();">...</a>
<a href="#Download" onclick="hideMenu();">...</a>
<a href="#Video" onclick="hideMenu();">...</a>
<a href="#Contact" onclick="hideMenu();">...</a>
2. Then add the definition for hideMenu() function like :-
<script>
function hideMenu() {
$(".sidr-open #main-nav").click();
}
</script
Done !! Now the menu bar will hide automatically on selecting any of the menu in the list.
Hope this will help you :) .