diff --git a/static/navbar.css b/static/navbar.css
index cfb5ce568e707db17cd3cec5cee6a8d0467aed2e..831dfa85ce73439e094df701c1b7bb0058ca7f39 100644
--- a/static/navbar.css
+++ b/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 */