Nav link does not turn active for single pages.

[gwo0d]

The link in the nav bar does not become active when on single pages, only on list and blog pages.

Example: uni.gwood.dev - the About page.

[rbnis]

Hi,

first thing that jumps to my head is, do you have set the identifier in the menu section of your config?
If not, this should be your problem. When using a .toml file, the manu entry should look something like this:

[[menu.main]]
  identifier = "about"
  name = "About"
  url = "/about"

If this shloudn't fix your problem, could you please paste your config?

[gwo0d]

Hi there, I don't think that's it - this is my current entry:

[[menu.main]]
  identifier = "about"
  name = "About"
  title = "About"
  url = "/about"
  weight = 20

Thanks!

[rbnis]

Ahh I see the problem. I have played around with it a bit and found a low effort fix.

Under content you can create another directory called about and move your about.md there. But you have to rename it to _index.md. You don't even have to change your config.

It's not the best way to do things but it will get the job done.

I'll see if I can get a better fix for this.

[gwo0d]

That works absolutely perfectly.

Thanks!

[gwo0d]

Oh actually, now the menu is working but my about page is showing up like this...

[rbnis]

I think I have found another solution.

Given your about page is at content/about.md you can add the following to the frontmatter of that page:

---
...
menu:
  main:
    identifier: about
---

The menu entrie can stay the same as above.

I hope this helps you out.

// Edit:
Ahh wait, you also need to overwrite the nav.htmlwith this:

<nav class="nav" id="navigation">
  <ul class="nav__list">
    {{ $currentPage := . }}
    {{ range .Site.Menus.main }}
      <li>
        <a {{ if or ($currentPage.IsMenuCurrent "main" .) ( and (eq $currentPage.Kind "section") (eq $currentPage.Section .Identifier)) }} class="active"
        {{end}} href="{{ .URL }}">{{ .Name }}</a>
      </li>
    {{ end }}
  </ul>
</nav>

[frauseo]

If i Follow your last post i get a WARNING message:
WARN 2021/01/27 10:52:39 "/home/fr/Workspace/homepage/r4o/content/about.md:1:1": duplicate menu entry with identifier "about" in menu "main"

is there a more elegant solution to this Problem?