diff --git a/overrides/assets/javascript/deluge_nav.js b/overrides/assets/javascript/deluge_nav.js
new file mode 100644
index 000000000..30bf2be05
--- /dev/null
+++ b/overrides/assets/javascript/deluge_nav.js
@@ -0,0 +1,8 @@
+const navList = document.getElementById("deluge-nav-lists");
+function show_nav_menu() {
+  navList.classList.add("menus-show");
+}
+
+function hide_nav_menu() {
+  navList.classList.remove("menus-show");
+}
diff --git a/overrides/partials/header.html b/overrides/partials/header.html
index fecda7f13..26a04d6cd 100644
--- a/overrides/partials/header.html
+++ b/overrides/partials/header.html
@@ -9,14 +9,14 @@
   </div>
 
   <div class="deluge-navbar">
-    <div class="icon-bar" onclick="show()">
+    <div class="icon-bar" onclick="menus-show()">
       <i></i>
       <i></i>
       <i></i>
     </div>
 
     <ul id="deluge-nav-lists">
-      <li class="close"><span onclick="hide()">×</span></li>
+      <li class="close"><span onclick="menus-hide()">×</span></li>
       <li>
         <a href="/download">Download</a>
       </li>
@@ -32,14 +32,3 @@
     </ul>
   </div>
 </div>
-
-<script>
-  const navList = document.getElementById("deluge-nav-lists");
-  function show() {
-    navList.classList.add("menus-show");
-  }
-
-  function hide() {
-    navList.classList.remove("menus-show");
-  }
-</script>