Merge pull request #157 from mustafa-sayyed/fix-menu-feedback

fix top menu feedback on mobile

Author: Anca2022

src/components/pages/FoundationHeader.astro

@@ -291,6 +291,14 @@ import ExternalIcon from "../../../public/img/icon-external.svg";
     margin-inline-start: var(--space-2xs);
   }
 
+  .menu-item--level-1 > .is-active,
+  .menu-item--level-2 > .is-active {
+    text-decoration: underline;
+    text-decoration-color: currentColor;
+    text-decoration-thickness: 2px;
+    text-underline-offset: 8px;
+  }
+
   @media screen and (max-width: 479px) {
     .site-links-wrapper {
       width: 100%;
@@ -333,14 +341,6 @@ import ExternalIcon from "../../../public/img/icon-external.svg";
       display: block;
     }
 
-    .menu-item--level-1 > .is-active {
-      border-inline-start: 2px solid var(--color-header-accent);
-    }
-
-    .menu-item--level-2 > .is-active {
-      text-decoration: underline;
-    }
-
     .switch-link:hover {
       background-color: var(--color-header-accent);
     }
@@ -470,14 +470,6 @@ import ExternalIcon from "../../../public/img/icon-external.svg";
     .site-nav__toggle {
       display: none;
     }
-
-    .menu-item--level-1 > .is-active,
-    .menu-item--level-2 > .is-active {
-      text-decoration: underline;
-      text-decoration-color: currentColor;
-      text-decoration-thickness: 2px;
-      text-underline-offset: 8px;
-    }
   }
 </style>