Fix hover on mobile

datasektionen · Oct 14, 2024 · f3e438c · f3e438c
1 parent 079c12b
commit f3e438c
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/components/NavBar.module.css b/src/components/NavBar.module.css
@@ -18,7 +18,15 @@
     font-size: 18px;
     display: block;
 
-    &:hover {
+    /* On mobile devices, the hover effect should not be applied since it's left on hover after clicking */
+    @media (hover: hover) {
+        &:hover {
+            background-color: yellow;
+            color: black;
+        }
+    }
+
+    &:active {
         background-color: yellow;
         color: black;
     }