From 4a2d20a8f96be17cd8a398c7ecf407abf4b3e1f3 Mon Sep 17 00:00:00 2001
From: Dan Cardy <dancardy-github@cardy.net>
Date: Mon, 17 Jul 2017 20:34:27 -0400
Subject: [PATCH] Fix menu bar collapse on mobile (#223)

---
 static/js/hugo-academic.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/static/js/hugo-academic.js b/static/js/hugo-academic.js
index b8a7635a..42bd0d9e 100644
--- a/static/js/hugo-academic.js
+++ b/static/js/hugo-academic.js
@@ -89,7 +89,10 @@
    * --------------------------------------------------------------------------- */
 
   $(document).on('click', '.navbar-collapse.in', function(e) {
-    if ( $(e.target).is('a') && $(e.target).attr('class') != 'dropdown-toggle' ) {
+    //get the <a> element that was clicked, even if the <span> element that is inside the <a> element is e.target
+    let targetElement = $(e.target).is('a') ? $(e.target) : $(e.target).parent();
+
+    if (targetElement.is('a') && targetElement.attr('class') != 'dropdown-toggle') {
       $(this).collapse('hide');
     }
   });
@@ -164,7 +167,6 @@
    * --------------------------------------------------------------------------- */
 
   $(window).on('load', function() {
-
     if (window.location.hash) {
       // When accessing homepage from another page and `#top` hash is set, show top of page (no hash).
       if (window.location.hash == "#top") {