Issue 2826 - Hamburger menu not visible on all pages

static/js/main.js

 "use strict";
 
 (function()
 {
   function escapeRegExp(string)
   {
     return string.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
   }
 
   function hasClass(element, className)
@@ skipping 47 matching lines @@
     language.onclick = function(event)
     {
       if (hasClass(languageSelection, "visible"))
         return;
 
       addClass(languageSelection, "visible");
       stopPropagation(event);
     };
   }
 
-  function getSelectedItem(menu)
+  function navigationClick(event)
   {
-    var items = menu.getElementsByTagName("li");
-    for (var i = 0; i < items.length; i++)
+    var element = event.target;
+    while (true)
     {
-      var item = items[i];
-      if (hasClass(item, "selected"))
-        return item;
+      if (!element)
+        return false;
+
+      if (hasClass(element, "selected") || element.id == "hamburger")
+      {
+        if ("querySelector" in document)
+        {
+          event.preventDefault();
+          toggleClass(document.querySelector("header nav > ul"), "visible");
+        }
+        return false;
+      }  
+      element = element.parentElement;
     }
   }
 
   function initMenu()
   {
     if ("querySelector" in document)
-    {
-      var menu = document.querySelector("header nav>ul");
-      var selectedItem = getSelectedItem(menu);
-      if (selectedItem)
-        selectedItem.onclick = function()
-        {
-          toggleClass(menu, "visible");
-        };
-    }
+      document.querySelector("header nav").onclick = navigationClick;
   }
 
   function initFooterSection(section)
   {
     var header = section.getElementsByTagName("h1")[0];
     header.onclick = function()
     {
       toggleClass(section, "visible");
     };
   }
 
   function initFooter()
   {
     var footerContent = document.getElementById("footer-content");
     var footerNav = footerContent.getElementsByTagName("nav")[0];
     var footerNavSections = footerNav.getElementsByTagName("section");
 
     for (var i = 0; i < footerNavSections.length; i++)
     {
       var section = footerNavSections[i];
       initFooterSection(section);
     }
   }
 
   initLanguageSelection();
   initMenu();
   initFooter();
 })();