diff --git a/assets/css/custom.scss b/assets/css/custom.scss
index c37cc9534d7..27616af2592 100644
--- a/assets/css/custom.scss
+++ b/assets/css/custom.scss
@@ -1,3 +1,8 @@
+// Ensure anchor-linked headings remain visible under sticky navbar
+html {
+  scroll-padding-top: 80px;
+}
+
 a, .btn {
   transition: all 0.2s ease-in-out;
 }
@@ -74,6 +79,15 @@ blockquote {
   padding-top: 5px;
 }
 
+.main-nav {
+  position: sticky;
+  top: 0;
+  z-index: 1000;
+  background: $bg-white;
+  border-bottom: 1px solid $border-color;
+  box-shadow: 0 6px 18px rgba(27, 31, 35, 0.08);
+}
+
 .breadcrumb {
   background: #F3F3F3;
 
@@ -107,7 +121,8 @@ blockquote {
   h5,
   h6 {
     -webkit-font-smoothing: antialiased;
-    font-family: $font-mktg
+    font-family: $font-mktg;
+    scroll-margin-top: 80px;
   }
 
   h1 { @include h0-mktg }