Add some bottom offset to menu max-height to prevent iOS Safari from …

…cutting off bottom of menu
Shopify · Feb 23, 2022 · 2f854a4 · 2f854a4
1 parent 544968b
commit 2f854a4
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/assets/component-mega-menu.css b/assets/component-mega-menu.css
@@ -8,7 +8,7 @@
   border-radius: 0;
   border-right: 0;  
   left: 0;
-  max-height: calc(var(--viewport-height, 100vh) - var(--header-bottom-position, 200px));
+  max-height: calc(var(--viewport-height, 100vh) - var(--header-bottom-position, 200px) - 4rem);
   overflow-y: auto;
   padding-bottom: 2.4rem;
   padding-top: 2.4rem;