Fix the side menu.

src/js/bundle.js

@@ -16,4 +16,11 @@ $(document).ready(function () {
             }
         },
     });
+
+    // side menu
+    $('#menuLink').click(function (e) {
+        e.preventDefault();
+        $('#layout').toggleClass('active');
+        $(this).toggleClass('active');
+    });
 });
\ No newline at end of file

templates/_header.twig

@@ -19,8 +19,7 @@
                 </div>
                 {% if not hideLanguageBar -%}
                 <div class="right">
-                    <a href="#menu" id="menuLink" class="menu-link hide-for-large">
-                        <!-- Hamburger icon -->
+                    <a href="" id="menuLink" class="menu-link hide-for-large">
                         <span class="fa fa-language fa-2x" aria-hidden="true"></span>
                     </a>
                 </div>

www/assets/js/src/language.js

-
-$(document).ready(function () {
-    // get available languages
-    var languages = $.map($('#language_selector option') ,function (option) {
-        return option.text.toLowerCase();
-    });
-
-    $('#SelectLang').on("change", function (e) {
-        if (-1 !== $.inArray(
-            $('#language_selector-selectized').prev().text().toLowerCase(),
-            languages
-        )) {
-            e.currentTarget.submit();
-        }
-    });
-
-});

www/assets/js/src/side_menu.js

-(function (window, document) {
-
-    var layout   = document.getElementById('layout'),
-        menu     = document.getElementById('menu'),
-        menuLink = document.getElementById('menuLink'),
-        content  = document.getElementById('content');
-    footer  = document.getElementById('foot');
-
-    function toggleClass(element, className)
-    {
-        var classes = element.className.split(/\s+/),
-            length = classes.length,
-            i = 0;
-
-        for (; i < length; i++) {
-            if (classes[i] === className) {
-                classes.splice(i, 1);
-                break;
-            }
-        }
-        // The className is not found
-        if (length === classes.length) {
-            classes.push(className);
-        }
-
-        element.className = classes.join(' ');
-    }
-
-    function toggleAll(e)
-    {
-        var active = 'active';
-
-        e.preventDefault();
-        toggleClass(layout, active);
-        toggleClass(menu, active);
-        toggleClass(menuLink, active);
-        toggleClass(footer, active);
-    }
-
-    menuLink.onclick = function (e) {
-        toggleAll(e);
-    };
-
-    content.onclick = function (e) {
-        if (menu.className.indexOf('active') !== -1) {
-            toggleAll(e);
-        }
-    };
-
-}(this, this.document));