Fix scrolling on long hamburger navigation on mobile view

omeka · Feb 20, 2024 · 760fc9d · 760fc9d
1 parent dd0415f
commit 760fc9d
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/css/style.css b/css/style.css
diff --git a/javascripts/script.js b/javascripts/script.js
@@ -71,9 +71,11 @@ const freedomScripts = () => {
         if(scrollPos > 60 && scrollDirection == 'down') {
             mainHeader.style.top = - (userBarHeight + mainHeaderTopBar.offsetHeight) + 'px';
             menuDrawer.style.top = mainHeaderMainBar.offsetHeight + 'px';
+            menuDrawer.style.height = 'calc(100% - ' + mainHeaderMainBar.offsetHeight + 'px)';
         } else {
             mainHeader.style.top = 0;
             menuDrawer.style.top = mainHeader.offsetHeight + 'px';
+            menuDrawer.style.height = 'calc(100% - ' + mainHeader.offsetHeight + 'px)';
         }
     }
 

diff --git a/sass/components/navigation/_menu-drawer.scss b/sass/components/navigation/_menu-drawer.scss
@@ -70,6 +70,7 @@
             list-style: none;
             margin-left: 0;
             padding-left: 0;
+            padding-bottom: 20px;
         }
 
         li {