diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6b665aa
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+  "liveServer.settings.port": 5501
+}
diff --git a/assets/js/main.js b/assets/js/main.js
index c904d13..379487e 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -96,12 +96,28 @@
   /**
    * Mobile nav toggle
    */
-  on("click", ".mobile-nav-toggle", function (e) {
+
+  function toggleMobileNav(){
     select("#navbar").classList.toggle("navbar-mobile");
     this.classList.toggle("bi-list");
     this.classList.toggle("bi-x");
+  }
+  function handleScroll(){
+    const navbar = select("#navbar")
+    if(navbar.classList.contains("navbar-mobile")){
+      toggleMobileNav();
+    }
+  }
+  on("click", ".mobile-nav-toggle", function (e) {
+    toggleMobileNav();
   });
 
+  let prevScrollPos = window.scrollY;
+  window.addEventListener('scroll', () => {
+    handleScroll();
+    prevScrollPos = window.scrollY;
+  })
+
   /**
    * Mobile nav dropdowns activate
    */