css

igwill · web-flow · commit c383010f468b · 2026-03-27T11:05:02.000-07:00
diff --git a/_includes/researchmap.html b/_includes/researchmap.html
@@ -3,8 +3,8 @@
     position: relative; 
     display: block; 
     width: 100%; 
-    clear: both; /* This prevents the map from 'floating' up into the header space */
-    margin-top: 20px; 
+    clear: both;      /* CRITICAL: This forces the map to stay below the nav */
+    margin-top: 50px; /* Gives the header some breathing room */
   }
 /* old line 2: .map-wrap { position: relative; display: block; width: 100%; }
 
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -7,6 +7,12 @@
 <!doctype html>
 <html lang="{{ site.locale | slice: 0,2 }}" class="no-js"{% if site.site_theme == "dark" %} data-theme="dark"{% endif %}>
   <head>
+    <style>
+  .masthead { /* new stuff */
+    z-index: 20;
+    position: relative;
+  }
+    </style>
     {% include head.html %}
     {% include head/custom.html %}
   </head>
diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -41,14 +41,23 @@
     "vendor/font-awesome/solid",
     "vendor/font-awesome/brands"
 ;
-/* Fix for dark mode toggle shifting */
+/* --- edits being added --- */
+@import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; 
+@import "minimal-mistakes";
+
+/* --- PASTE THIS AT THE VERY BOTTOM --- */
+.greedy-nav {
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  overflow: visible !important; /* This stops the toggle from disappearing/shifting */
+}
+
 .greedy-nav .search-toggle,
 .greedy-nav .nav-selector {
+  margin-left: 0;
   display: flex !important;
-  align-items: center !important;
-  vertical-align: middle !important;
+  align-items: center;
 }
-
-.greedy-nav {
-  overflow: visible !important; /* Prevents the icon from being 'pushed' out of view */
-}
+/* -------------------------------------- */
