hover for entire nav should work for dropdown

11 months ago · a13758cfe2
parent 070478b1d9
commit a13758cfe2
1 changed files with 6 additions and 8 deletions
--- a/style.css
+++ b/style.css
@ -12,11 +12,11 @@ body {
 header {
  background: white;
  position: sticky;
-  top: 1em;
+  top: 0;
  & > nav {
    background: white;
    position: sticky;
-    top: 0.5em;
+    top: 0;
    display: flex;
    font-size: xx-large;
    & a {
@ -56,8 +56,10 @@ li { list-style: none }
    min-width: fit-content;
  }
  header {
-    max-height: 1em;
-    top: 0em;
+    &:hover > nav > menu > li {
+      visibility: initial;
+      display: block;
+    }
    & > nav {
      top: 1em;
      & menu {
@ -70,10 +72,6 @@ li { list-style: none }
          visibility: inherit;
          display: block;
        }
-        &:hover li {
-          visibility: initial;
-          display: block;
-        }
      }
    }
  }