diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 3561e31..6a4642c 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -12,4 +12,14 @@
         <script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/contrib/auto-render.min.js" integrity="sha256-ExtbCSBuYA7kq1Pz362ibde9nnsHYPt6JxuxYeZbU+c=" crossorigin="anonymous"></script>
         <script>renderMathInElement(document.body);</script>
     {{ end }}
+    <script>
+        document.getElementById('main-nav-toggle').addEventListener('click', function () {
+            var header = document.getElementById('header');
+            if (header.classList.contains('mobile-on')) {
+                header.classList.remove('mobile-on');
+            } else {
+                header.classList.add('mobile-on');
+            }
+        });
+    </script>
 </footer>
\ No newline at end of file