Add an .active class to current active link in the nav bar

2022-09-25 07:41:30 -07:00 · 2022-09-25 07:41:30 -07:00 · 2752c6bf81
commit 2752c6bf81
parent ab8996b0c4
1 changed files with 5 additions and 1 deletions
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@ -9,7 +9,11 @@
      {{ with site.Menus.main }}
      <nav class="site bulleted">
        {{ range . }}
-        <li><a class="{{ if eq .URL $url }}active{{ end }}" href="{{ .URL }}"><span>{{ .Name }}</span></a></li>
+          {{ if eq .URL $url }}
+          <li class="active"><span>{{ .Name }}</span></li>
+          {{ else }}
+          <li><a href="{{ .URL }}"><span>{{ .Name }}</span></a></li>
+          {{ end }}
        {{ end }}
      </nav>
      {{ end }}