Ready for prod ?

themes/coopgo-theme/assets/js/main.js

@@ -1,3 +1,5 @@
+
+/* NAVBAR COLOR TOGGLE WHILE SCROLLING */
 function navbarToggleOnScroll() {
     var el = document.getElementById("navbar");
     if (window.pageYOffset >= 500) {
@@ -6,4 +8,41 @@ function navbarToggleOnScroll() {
         el.classList.remove("scroll");
     }
  }; 
-window.addEventListener("scroll", navbarToggleOnScroll);
+window.addEventListener("scroll", navbarToggleOnScroll);
+
+/* SIDEBAR TOGGLE */
+function hasClass(ele, cls) {
+    return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
+}
+
+function addClass(ele, cls) {
+    if (!hasClass(ele, cls)) ele.className += " " + cls;
+}
+
+function removeClass(ele, cls) {
+    if (hasClass(ele, cls)) {
+        var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
+        ele.className = ele.className.replace(reg, ' ');
+    }
+}
+function toggleMenu() {
+    var ele = document.getElementsByTagName('body')[0];
+    if (!hasClass(ele, "menu-open")) {
+        addClass(ele, "menu-open");
+    } else {
+        removeClass(ele, "menu-open");
+    }
+}
+//Add event from js the keep the marup clean
+function init() {
+    document.getElementById("menutoggle").addEventListener("click", toggleMenu);
+    document.getElementById("body-overlay").addEventListener("click", toggleMenu);
+}
+
+
+//Prevent the function to run before the document is loaded
+document.addEventListener('readystatechange', function() {
+    if (document.readyState === "complete") {
+        init();
+    }
+});