Initial working draft.

layouts/_partials/header.html

@@ -0,0 +1,47 @@
+<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
+  <div class="container"> <!-- Changed from container-fluid to container -->
+    <a class="navbar-brand fw-bold" href="{{ .Site.BaseURL }}">
+      <img src="/img/favicon.svg" alt="{{ .Site.Title }}" title="{{ .Site.Title }}">
+    </a>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" 
+            data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" 
+            aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    
+    <div class="collapse navbar-collapse" id="navbarNav">
+      <ul class="navbar-nav ms-auto">
+        {{ range .Site.Menus.main }}
+          {{ if .HasChildren }}
+            <!-- Dropdown menu for items with children -->
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="navbar{{ .Name | urlize }}" 
+                 role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                {{ .Name }}
+              </a>
+              <ul class="dropdown-menu" aria-labelledby="navbar{{ .Name | urlize }}">
+                {{ range .Children }}
+                  <li>
+                    <a class="dropdown-item {{ if eq .URL ($.RelPermalink) }}active{{ end }}" 
+                       href="{{ .URL | relURL }}">
+                      {{ .Name }}
+                    </a>
+                  </li>
+                {{ end }}
+              </ul>
+            </li>
+          {{ else }}
+            <!-- Regular menu item -->
+            <li class="nav-item">
+              <a class="nav-link {{ if eq .URL ($.RelPermalink) }}active{{ end }}" 
+                 href="{{ .URL | relURL }}">
+                {{ .Name }}
+              </a>
+            </li>
+          {{ end }}
+        {{ end }}
+      </ul>
+    </div>
+  </div>
+</nav>