Correctly fix menu overflow on mobile

diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index 112fdc1ce694a05b906204546c33a76deae1dfb3..b0517375175d8bf5e299fe54bfcffb8861dc128d 100644 (file)
--- a/client/src/app/menu/menu.component.scss
+++ b/client/src/app/menu/menu.component.scss
@@ -254,17 +254,13 @@ menu {
 @media screen and (max-width: $mobile-view) {
   .menu-wrapper {
     width: 100% !important;
-  }
-
-  .top-menu, .footer {
-    width: 100% !important;
-  }
-}
 
-@media (hover: none) and (pointer: coarse) {
-  .menu-wrapper {
     menu {
       overflow-y: auto;
     }
   }
+
+  .top-menu, .footer {
+    width: 100% !important;
+  }
 }