diff --git a/templates/partials/header.html.nunjucks b/templates/partials/header.html.nunjucks
index 4bafb5c1264814414165b199b0c26099363cf5cb..1e49e72d2bb9346c411b1931177acb717b462b70 100644
--- a/templates/partials/header.html.nunjucks
+++ b/templates/partials/header.html.nunjucks
@@ -68,26 +68,29 @@
       </div>
     </nav>
     <script>
-      $("#o-nas").click(function() {
-        var body = $("body");
-        body.removeClass("show-subnav2");
-        if(body.hasClass("show-subnav1"))
-          body.removeClass("show-subnav1");
-        else
-          body.addClass("show-subnav1")
-      });
-      $("#clanky").click(function() {
-        var body = $("body");
-        body.removeClass("show-subnav1");
-        if(body.hasClass("show-subnav2"))
+      $(document).ready(function() {
+        $(".menu-icon").sideNav();
+        $("#o-nas").click(function() {
+          var body = $("body");
           body.removeClass("show-subnav2");
-        else
-          body.addClass("show-subnav2")
-      });
-      $("body").click(function(e) {
-        if(!($(e.target).parents("a").length || $(e.target).is("a"))) {
-          $("body").removeClass("show-subnav2").removeClass("show-subnav1");
-        }
+          if(body.hasClass("show-subnav1"))
+            body.removeClass("show-subnav1");
+          else
+            body.addClass("show-subnav1")
+        });
+        $("#clanky").click(function() {
+          var body = $("body");
+          body.removeClass("show-subnav1");
+          if(body.hasClass("show-subnav2"))
+            body.removeClass("show-subnav2");
+          else
+            body.addClass("show-subnav2")
+        });
+        $("body").click(function(e) {
+          if(!($(e.target).parents("a").length || $(e.target).is("a"))) {
+            $("body").removeClass("show-subnav2").removeClass("show-subnav1");
+          }
+        });
       });
     </script>
     <!-- Side nav -->