Update nav.css

Author: weizhi-lin

assets/css/nav.css

@@ -55,16 +55,6 @@
 
 /* Responsive design adjustments for mobile */
 @media print, screen and (max-width: 960px) {
-    .topnav {
-        flex-direction: column; /* Stacks items vertically */
-        align-items: flex-start; /* Aligns items to the left */
-        padding: 0; /* Removes all padding */
-        margin: 0; /* Removes all margin */
-        margin-left:0;
-        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Adds a shadow below the bar */
-        width: 100%; /* Ensures full width */
-    }
-
     .topnav #myLinks {
         display: none; /* Hidden by default on mobile */
     }
@@ -73,14 +63,13 @@
         float: none;
         display: block; /* Shows the hamburger icon on mobile */
         font-size: 14px; /* Slightly smaller font size */
-        background-color: #808080;
-        color: #ffffff; /* White text for better contrast */
+        background-color: #ffffff; /* White text for better contrast */
+        color: #808080;
         padding: 6px 10px; /* Minimal padding for a thinner icon */
         margin: 0; /* Removes all margins */
         cursor: pointer;
         border-radius: 0; /* Removes rounded edges */
         align-self: flex-start; /* Aligns the icon to the left */
-        width: 100%; /* Ensures full width for the icon */
     }
 
     .topnav a.normal {