bug fix for hamburger menu not working in mobile (firefox/safari)

cul-it · Aug 30, 2023 · 79fb7aa · 79fb7aa
1 parent 4e3e9be
commit 79fb7aa
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/themes/dspace/app/navbar/navbar.component.scss b/src/themes/dspace/app/navbar/navbar.component.scss
@@ -7,9 +7,12 @@ nav.navbar {
 /** Mobile menu styling **/
 @media screen and (max-width: map-get($grid-breakpoints, md)-0.02) {
   .navbar {
-    width: 100%;
+    // changed from percent to vw, see: https://github.com/DSpace/dspace-angular/pull/2444
+    width: 100vw;
     background-color: var(--bs-white);
-    position: absolute;
+    // removed to fix safari mobile hamburger menu not working
+    // see: https://github.com/DSpace/dspace-angular/pull/2444
+    //position: absolute;
     overflow: hidden;
     height: 0;
     &.open {