fix nav links do not reappear after resizing (#1502)

* fix nav links do not reppear after resizing * fix nav links do not reappear after resizing #1502 * fixed overlay display issues * fix overlay display bug
expressjs · May 31, 2024 · 063e1ea · 063e1ea
1 parent 72ad1fd
commit 063e1ea
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/css/style.css b/css/style.css
@@ -966,6 +966,14 @@ h2 a {
     display: none;
   }
 
+  #navmenu.opens {
+    display: block;
+  }
+
+  #overlay.blurs{
+    display: block;
+  }
+
   #navmenu > li {
     float: none;
     border-bottom: 1px solid #ccc;

diff --git a/js/app.js b/js/app.js
@@ -154,10 +154,16 @@ $(function(){
   })
 
   // show mobile menu
-  $('#nav-button, #overlay').click(function () {
-    $('#navmenu').toggle()
-    $('#overlay').toggle()
-  })
+  $('#nav-button').click(function () {
+    $('#navmenu').toggleClass('opens');
+    $('#overlay').toggleClass('blurs');
+  });
+
+  // close mobile menu
+  $('#overlay').click(function () {
+    $('#navmenu').removeClass('opens');
+    $('#overlay').removeClass('blurs');
+  });
 
   // dropdown menu