diff --git a/dist/app.js b/dist/app.js
index fc2def8..e48aec6 100644
--- a/dist/app.js
+++ b/dist/app.js
@@ -32,6 +32,10 @@ var observer = new IntersectionObserver(function (entries) {
 document.querySelectorAll('.watch-vp').forEach(function (el) {
   observer.observe(el);
 });
+document.getElementById("mobile-nav-toggle").addEventListener("click", function (e) {
+  e.preventDefault();
+  document.getElementsByTagName("body")[0].classList.toggle("mobile-nav-open");
+});
 
 /***/ }),
 
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
index 858a004..0d7ba0f 100644
--- a/dist/mix-manifest.json
+++ b/dist/mix-manifest.json
@@ -1,4 +1,4 @@
 {
-    "/app.js": "/app.js?id=e87e05bd26822b1fc6dae092decfb838",
+    "/app.js": "/app.js?id=ac271f1d4ead304b5ae143995cb9455e",
     "/app.css": "/app.css?id=b0a787eafff9fde54128004303799552"
 }
diff --git a/src/js/app.js b/src/js/app.js
index 28fd947..8261632 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -25,3 +25,9 @@ const observer = new IntersectionObserver((entries) => {
 document.querySelectorAll('.watch-vp').forEach(el => {
     observer.observe(el);
 });
+
+
+document.getElementById("mobile-nav-toggle").addEventListener("click", (e) => {
+    e.preventDefault();
+    document.getElementsByTagName("body")[0].classList.toggle("mobile-nav-open");
+});