mobile nav fixes

Gemfile.lock

@@ -1,30 +1,31 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    addressable (2.8.4)
+    addressable (2.8.6)
       public_suffix (>= 2.0.2, < 6.0)
     algolia_html_extractor (2.6.4)
       json (~> 2.0)
       nokogiri (~> 1.10)
     algoliasearch (1.27.5)
       httpclient (~> 2.8, >= 2.8.3)
       json (>= 1.5.1)
+    bump (0.10.0)
     colorator (1.1.0)
     concurrent-ruby (1.2.2)
     em-websocket (0.5.3)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0)
     eventmachine (1.2.7)
-    ffi (1.15.5)
-    ffi (1.15.5-x64-mingw-ucrt)
+    ffi (1.16.3)
+    ffi (1.16.3-x64-mingw-ucrt)
     filesize (0.2.0)
     forwardable-extended (2.6.0)
-    google-protobuf (3.23.2-x64-mingw-ucrt)
-    google-protobuf (3.23.2-x86_64-darwin)
-    google-protobuf (3.23.2-x86_64-linux)
+    google-protobuf (3.25.1-x64-mingw-ucrt)
+    google-protobuf (3.25.1-x86_64-darwin)
+    google-protobuf (3.25.1-x86_64-linux)
     http_parser.rb (0.8.0)
     httpclient (2.8.3)
-    i18n (1.13.0)
+    i18n (1.14.1)
       concurrent-ruby (~> 1.0)
     jekyll (4.3.2)
       addressable (~> 2.4)
@@ -69,9 +70,10 @@ GEM
     jekyll_basename_dirname (1.0.3)
       jekyll (>= 3.5.0)
       jekyll_plugin_logger
-    jekyll_plugin_logger (2.1.1)
+    jekyll_plugin_logger (2.1.2)
+      bump
       jekyll (>= 3.5.0)
-    json (2.6.3)
+    json (2.7.1)
     kramdown (2.4.0)
       rexml
     kramdown-parser-gfm (1.1.0)
@@ -85,34 +87,34 @@ GEM
       jekyll (>= 3.5, < 5.0)
       jekyll-feed (~> 0.9)
       jekyll-seo-tag (~> 2.1)
-    nokogiri (1.15.3-x64-mingw-ucrt)
+    nokogiri (1.15.5-x64-mingw-ucrt)
       racc (~> 1.4)
-    nokogiri (1.15.3-x86_64-darwin)
+    nokogiri (1.15.5-x86_64-darwin)
       racc (~> 1.4)
-    nokogiri (1.15.3-x86_64-linux)
+    nokogiri (1.15.5-x86_64-linux)
       racc (~> 1.4)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
     progressbar (1.13.0)
-    public_suffix (5.0.1)
-    racc (1.7.1)
-    rake (13.0.6)
+    public_suffix (5.0.4)
+    racc (1.7.3)
+    rake (13.1.0)
     rb-fsevent (0.11.2)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
-    rexml (3.2.5)
-    rouge (4.1.1)
+    rexml (3.2.6)
+    rouge (4.2.0)
     safe_yaml (1.0.5)
-    sass-embedded (1.62.1)
-      google-protobuf (~> 3.21)
-      rake (>= 10.0.0)
+    sass-embedded (1.69.5)
+      google-protobuf (~> 3.23)
+      rake (>= 13.0.0)
     terminal-table (3.0.2)
       unicode-display_width (>= 1.1.1, < 3)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
     tzinfo-data (1.2023.3)
       tzinfo (>= 1.0.0)
-    unicode-display_width (2.4.2)
+    unicode-display_width (2.5.0)
     verbal_expressions (0.1.5)
     wdm (0.1.1)
     webrick (1.8.1)

_sass/template/components/_component--header.scss

@@ -321,7 +321,7 @@
 
 .header-mobile {
 	position: fixed;
-	z-index: 5000;
+	z-index: 50000;
 	top: 0;
 	width: 100vw;
 	display: block;

_sass/template/components/_component--nav-sidebar.scss

@@ -6,40 +6,63 @@
   */
 
 .nav-sidebar {
-	grid-column: 1 / 3;
-	height: 0;
+	grid-column: 1 / -1;
+	height: auto;
+	position: relative;
+	z-index: 10000;
+	@include stack(sm);
 	overflow: visible;
+	margin-top: -3rem;
+	@include respond-to(m){
+		grid-column: 1 / 3;
+		height: 0;
+		margin-bottom: 0 !important;
+		margin-top: auto;
+	}
 
 	hr {
 		background-color: #DDE6E7;
 		border: none;
 		height: 1px;
-		margin-bottom: 6px;
+		margin-bottom: 4px;
+		@include respond-to(m){
+			margin-bottom: 6px;
+		}
 	}
 
 	hr.top {
-		margin-bottom: 8px;
+		margin-bottom: 4px;
+		@include respond-to(m){
+			margin-bottom: 8px;
+		}
 	}
 
 	ul,
 	ul li {
 		list-style: none;
 		margin-left: 0;
 		padding-left: 0;
+		@include typestyle($sans-xs-reg);
+		@include respond-to(m){
+			@include typestyle($sans-sm-reg);
+		}
 	}
 
 	li h4 {
 		@include typestyle($sans-xs-reg);
 	}
 
 	li a {
-		@include stack(xs);
 		color: color(blue, XXX);
 		text-decoration: none;
 		display: inline-block;
 		position: relative;
 		width: 100%;
-		height: 100%
+		height: 100%;
+		padding-bottom: 6px;
+		@include respond-to(m){
+			@include stack(xs);
+		}
 	}
 
 	li a.current {