Fix top nav active state matching

Author: Coder

layouts/partials/header/header.html

@@ -27,13 +27,11 @@
       <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="menu-main navbar-nav me-auto mb-2 mb-lg-0">
           {{- $current := . -}}
-          {{- $section := $current.Section -}}
+          {{- $currentPath := strings.TrimSuffix "/" $current.RelPermalink -}}
           {{ range .Site.Menus.main -}}
           {{- $active := or ($current.IsMenuCurrent "main" .) ($current.HasMenuCurrent "main" .) -}}
-          {{- $active = or $active (eq .Name $current.LinkTitle) -}}
-          {{- $active = or $active (and (eq .Name ($section | humanize)) (eq $current.Section $section)) -}}
-          {{- $active = or $active (and (eq .Identifier ($section | humanize)) (eq $current.Section $section)) -}}
-          {{- $active = or $active (and (eq .Name "Blog") (eq $current.Section "blog" "contributors")) -}}
+          {{- $menuPath := strings.TrimSuffix "/" (.URL | relLangURL) -}}
+          {{- $active = or $active (eq $menuPath $currentPath) -}}
           {{ if .HasChildren }}
           <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">