attempt one fixing navbar glitch

static/navbar.css

@@ -86,10 +86,13 @@ body{
 .son{
     margin-top: 30px;
     list-style: none;
-    display: none;
-    text-align: left;
-    transition: all 0.3s ease-out;
+    visibility: hidden;
     opacity: 0;
+    transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
+}
+.my-navbar > li:hover .son {
+    visibility: visible;
+    opacity: 1;
 }
 
 /* Adjust for smaller screens */