From cf3375016763c8f338c7ef65b8d434a456847834 Mon Sep 17 00:00:00 2001
From: Leah Wasser <leah@pyopensci.org>
Date: Thu, 25 Dec 2025 18:21:39 -0700
Subject: [PATCH 1/2] bug: fix drop down non mobile position

---
 _sass/minimal-mistakes/_pyos-dropdown.scss | 57 ++++++++++++----------
 1 file changed, 32 insertions(+), 25 deletions(-)

diff --git a/_sass/minimal-mistakes/_pyos-dropdown.scss b/_sass/minimal-mistakes/_pyos-dropdown.scss
index 354446f8..face1f73 100644
--- a/_sass/minimal-mistakes/_pyos-dropdown.scss
+++ b/_sass/minimal-mistakes/_pyos-dropdown.scss
@@ -7,7 +7,7 @@
    ========================================================================== */
 
 .nav__links {
-  overflow: hidden;
+  overflow: visible;
   margin: 0 auto;
   padding: 0;
   display: flex;
@@ -50,13 +50,13 @@
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-    padding: 0 1em;
-    margin-top: 3em;
-    top: 90%;
+    padding: 1em;
+    margin-top: 0.5em;
+    top: 100%;
     left: 5%;
     right: 5%;
-    gap: 0;
-    font-size: 1.2em;
+    gap: 0.25em;
+    font-size: 1em;
     background-color: $pyos-white;
     z-index: 1;
     border: 1px solid $border-color;
@@ -68,32 +68,46 @@
       0 2px 4px 0 rgba(0, 0, 0, 0.16),
       0 2px 10px 0 rgba(0, 0, 0, 0.12);
 
+    > li {
+      width: 100%;
+      padding: 0.5em 0;
+      display: block;
+      align-items: initial;
+    }
+
     a {
       float: none;
       display: block;
       text-align: left;
-    }
-
-    li {
-      width: 100%;
+      padding: 0.5em 0;
+      font-size: 1em;
+      color: $nav-font-color;
     }
 
     .dropdown {
-      float: none;
+      width: 100%;
 
       .dropbtn {
         width: 100%;
         text-align: left;
         display: block;
-        padding: 1em 0;
-
+        padding: 0.75em 0;
+        cursor: pointer;
       }
 
       .dropdown-content {
+        display: none;
+        position: relative;
         width: 100%;
         min-width: 100%;
-        position: relative;
-        box-shadow: unset;
+        box-shadow: none;
+        background-color: transparent;
+        padding-left: 1em;
+        margin-top: 0.5em;
+
+        &.open {
+          display: block;
+        }
       }
     }
   }
@@ -121,11 +135,6 @@
   }
 }
 
-/* Force nav links fonts to be same size */
-.nav__links a {
-  font-size: 0.9em !important;
-}
-
 /* Dropdown container for nav links */
 .dropdown {
   float: left;
@@ -152,8 +161,9 @@
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
     z-index: 1;
     width: 100%;
+    top: 100%;
     transition: all 0.25s ease-in;
-    transform: translateY(-10px);
+    transform: translateY(0px);
     position: absolute;
 
     &.open {
@@ -321,11 +331,8 @@
   }
 
   /* Nav links goes vertical in responsive mode */
-  .nav__links .vertical {
-    position: absolute;
+  .nav__links.vertical {
     display: flex;
-    flex-direction: column;
-    align-items: flex-start;
   }
 
   .hamburger__btn-toggle {

From ecabb38c9d881668f0d181187feac39f091de539 Mon Sep 17 00:00:00 2001
From: Leah Wasser <leah@pyopensci.org>
Date: Thu, 25 Dec 2025 18:28:40 -0700
Subject: [PATCH 2/2] bug: fix mobile mode

---
 _sass/minimal-mistakes/_pyos-dropdown.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/_sass/minimal-mistakes/_pyos-dropdown.scss b/_sass/minimal-mistakes/_pyos-dropdown.scss
index face1f73..e39eae2f 100644
--- a/_sass/minimal-mistakes/_pyos-dropdown.scss
+++ b/_sass/minimal-mistakes/_pyos-dropdown.scss
@@ -57,6 +57,9 @@
     right: 5%;
     gap: 0.25em;
     font-size: 1em;
+    height: auto;
+    max-height: calc(100vh - 6rem);
+    overflow-y: auto;
     background-color: $pyos-white;
     z-index: 1;
     border: 1px solid $border-color;
@@ -86,6 +89,8 @@
 
     .dropdown {
       width: 100%;
+      position: static;
+      overflow: visible;
 
       .dropbtn {
         width: 100%;
@@ -104,6 +109,8 @@
         background-color: transparent;
         padding-left: 1em;
         margin-top: 0.5em;
+        top: auto;
+        left: 0;
 
         &.open {
           display: block;