header finetuning

crate · Jul 15, 2024 · 9f2dd0b · 9f2dd0b
1 parent 37b41ab
commit 9f2dd0b
Showing 1 changed file with 21 additions and 11 deletions.
diff --git a/src/crate/theme/rtd/crate/static/css/ng/layout.scss b/src/crate/theme/rtd/crate/static/css/ng/layout.scss
@@ -28,17 +28,6 @@
   }
 }
 
-@media all and (min-width: 67rem) {
-  header.sb-header {
-    display: block;
-  }
-
-  .sb-container {
-    top: 4em;
-    position: relative;
-  }
-}
-
 // Make sidebars sticky.
 .sidebar-drawer,
 .toc-drawer {
@@ -89,14 +78,35 @@
   }
 }
 
+.mobile-header {
+  position: sticky;
+  top: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
 @media (min-width: 76rem) {
+  header.sb-header {
+    display: block;
+  }
+
   .sb-sidebar-secondary {
     position: static !important;
   }
 
   .hide-when-secondary-sidebar-shown {
     display: none !important;
   }
+
+  .sb-container {
+    top: 4em;
+    position: relative;
+  }
+
+  .mobile-header {
+    display: none;
+  }
 }
 
 // Sidebar: Adjust drawer icon positioning and size.