fix nav bar highlighted section bug

marco66colombo · marco66colombo · commit e00cb7e756b8 · 2026-03-04T15:26:26.000-06:00
diff --git a/css/style.css b/css/style.css
@@ -17,19 +17,6 @@
     scroll-margin-top: var(--navbar-offset);
 }
 
-/* Collaboration anchors to a dark section boundary; avoid showing the white section above. */
-#collaboration {
-    scroll-margin-top: 0;
-}
-
-@media (max-width: 991.98px) {
-    :root {
-        --navbar-offset: 72px;
-    }
-}
-
-
-
 .bg-primary {
     background-color: var(--charcoal) !important;
 }
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
 
 {% include head.html %}
 
-<body class="bg-light" data-bs-spy="scroll" data-bs-target="#navbar-global">
+<body class="bg-light" data-bs-spy="scroll" data-bs-target="#navbar-global" tabindex="0">
     {% include nav.html %}
     <div class="bg-dark container-fluid">
         <div class="container col-xxl-8 px-4 my-5" id="about">
@@ -142,8 +142,8 @@ <h4 class="card-title text-center">{{ resource.title }}</h4>
             </div>
         </div>
     </div>
-    <div class="bg-primary container-fluid" id="collaboration">
-        <div class="px-4 my-5 pt-5 pb-5 text-center text-light">
+    <div class="bg-primary container-fluid pt-4">
+        <div class="px-4 py-5 text-center text-light" id="collaboration">
             <h1 class="display-5 fw-bold">Collaboration</h1>
             <div class="col-lg-6 mx-auto">
                 <p class="lead mb-4">{{site.collaboration.byline}}</p>
