fix(navbar): center logo (fix hamburger offset)

ritorhymes · ritorhymes · commit a610752d8e54 · 2025-09-18T23:18:47.000-04:00
Use absolute positioning to horizontally center the navbar logo on md and smaller viewports.
Prevents the hamburger menu from causing a visual offset.
diff --git a/assets/scss/_k8s_nav.scss b/assets/scss/_k8s_nav.scss
@@ -46,6 +46,17 @@
       box-shadow: none !important;
     }
   }
+
+/* Centers logo without offset horizontally and vertically in the navbar on medium / mobile viewports */
+@include media-breakpoint-down(sm) {
+  .navbar-brand__logo {
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    top: 20%;
+    z-index: 5;
+  }
+}
 }
 
 .navbar-bg-onscroll {

Original file line number	Diff line number	Diff line change
`@@ -46,6 +46,17 @@`
`46`	`46`	`box-shadow: none !important;`
`47`	`47`	`}`
`48`	`48`	`}`
	`49`	`+`
	`50`	`+/* Centers logo without offset horizontally and vertically in the navbar on medium / mobile viewports */`
	`51`	`+@include media-breakpoint-down(sm) {`
	`52`	`+ .navbar-brand__logo {`
	`53`	`+ position: absolute;`
	`54`	`+ left: 50%;`
	`55`	`+ transform: translateX(-50%);`
	`56`	`+ top: 20%;`
	`57`	`+ z-index: 5;`
	`58`	`+ }`
	`59`	`+}`
`49`	`60`	`}`
`50`	`61`
`51`	`62`	`.navbar-bg-onscroll {`