WIP

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");
+});
 
 /***/ }),
 

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"
 }

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");
+});