Update dropdown mobile menu

Author: nikoscham

feascript-website.css

@@ -138,10 +138,8 @@ footer {
 }
 
 #hamburger {
+ margin-top: -5px;
   display: none;
-  position: absolute;
-  top: 0px;
-  right: 0px;
   background: none;
   border: none;
   cursor: pointer;
@@ -151,9 +149,9 @@ footer {
 #hamburger span {
   display: block;
   width: 20px;
-  height: 2.5px;
+  height: 3px;
   background-color: #555;
-  margin: 2px 0;
+  margin: 3px 0;
   transition: 0.3s;
 }
 
@@ -189,7 +187,7 @@ footer {
   color: #555;
   text-decoration: none;
   font-weight: bold;
-  font-size: 14px;
+  font-size: 15px;
 }
 
 #mobile-menu li a:hover {
@@ -452,7 +450,7 @@ mjx-container {
   }
 
   h1 {
-    font-size: 125%;
+    font-size: 155%;
   }
 
   h2 {
@@ -461,7 +459,7 @@ mjx-container {
   }
 
   #responsive-logo {
-    height: 40px;
+    height: 50px;
   }
 
   #menu {
@@ -484,6 +482,7 @@ mjx-container {
   .platform-layout .left-panel {
     border-radius: 10px;
   }
+
 }
 
 /* Medium screens: 500px to 1000px */
@@ -493,7 +492,7 @@ mjx-container {
   }
 
   h1 {
-    font-size: 140%;
+    font-size: 170%;
   }
 
   h2 {
@@ -523,7 +522,7 @@ mjx-container {
 /* Large screens: 1000px to 1300px */
 @media screen and (min-width: 1000px) and (max-width: 1299px) {
   h1 {
-    font-size: 150%;
+    font-size: 180%;
   }
 
   h2 {
@@ -552,7 +551,7 @@ mjx-container {
   }
 
   h1 {
-    font-size: 150%;
+    font-size: 180%;
   }
 
   h2 {

index.html

@@ -82,13 +82,15 @@ <h1 class="top">
                 "></span>
           </a>
         </li>
+        <li>
+          <button id="hamburger" aria-label="Menu">
+            <span></span>
+            <span></span>
+            <span></span>
+          </button>
+        </li>
       </ul>
     </div>
-    <button id="hamburger" aria-label="Menu">
-      <span></span>
-      <span></span>
-      <span></span>
-    </button>
 
     <div id="mobile-menu" aria-hidden="true">
       <ul>
@@ -174,14 +176,6 @@ <h1>A JavaScript Finite Element Simulation Library</h1>
           }
         }
       });
-
-      // Optional: close on ESC
-      document.addEventListener('keydown', (ev) => {
-        if (ev.key === 'Escape' && mobileMenu.classList.contains('open')) {
-          mobileMenu.classList.remove('open');
-          hamburger.setAttribute('aria-expanded', 'false');
-        }
-      });
     });
   </script>