I'm using the bootie docs theme. After spending hours trying to get the active class to work on the nav links for my own site, I installed a brand new hugo site, downloaded the bootie docs theme, added a new page call "about" and a menu item for that page in config.toml, all according to the bootie docs documentation.
With that minimal site and NO changes to the theme, the "About" link in the menu is NOT highlighted as it is on the Bootie Docs demo site.
An inspection of the link on the demo site shows this:
<li class="active"><a href="http://key-amb.github.io/bootie-docs-demo/about/">About</a></li>
An inspection of the link on the new site shows this:
<li><a href="http://localhost:1313//about/">About</a></li>
The "active" class is NOT being recognized on the minimal site I created..
The menu item in the config file is:
[[params.mainMenu]]
name = "About"
link = "about/"
The code from the partial/header.html file (unedited from the theme download) is:
<li {{ if .IsHome }}class="active"{{ end }}><a href="{{ $baseUrl }}/">Home</a></li>
{{ $url := .Permalink }}
{{ with .Site.Params.mainMenu }}
{{ range $menu := . }}
{{ $itemUrl := printf "%s/%s" $baseUrl $menu.link }}
<li {{ if eq $url $itemUrl }}class="active"{{ end }}><a href="{{ $baseUrl }}/{{ $menu.link }}">{{ $menu.name }}</a></li>
There appears to be a bug or something missing in the downloaded theme that exists in the code for the demo site.
Can someone please point me to the theme creator to ask about or report this problem?
Or if anyone knows what the problem is, please let me know.
Thank you!
Kat
