fix menu display for phone and tablet screen sizes

archivesspace · Feb 9, 2022 · 6fa9ff6 · 6fa9ff6
1 parent cb056f5
commit 6fa9ff6
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/frontend/app/assets/stylesheets/archivesspace/submenu.less b/frontend/app/assets/stylesheets/archivesspace/submenu.less
@@ -40,9 +40,21 @@
   .border-radius(0 6px 6px 6px);
 }
 
-@media screen and (max-width: 480px) {
+@media screen and (max-width: 700px) {
+  .dropdown-menu.open-aligned-right {
+      position: fixed;
+      top: 0;
+      right: 0;
+      left: 0;
+      bottom: 200;
+      width: 320px;
+  }
+}
+
+@media screen and (min-width: 701px) and (max-width: 800px) {
   .dropdown-menu.open-aligned-right {
     left: 0;
-    right: auto;
+    right: 0;
+    width: 300px;
   }
 }