I ran into a scenario recently where my menu item would be active when viewing my blog posts list page, but not when viewing an individual blog post. As an example, let’s say my config.toml menu looks like: [menu] [[menu.nav]] name = "Home" url = "/" weight = 1 [[menu.nav]] nam…

[image] mojoa: Would it be possible to explain the logic of the code for those of us who don’t read it like a book? I’m on my phone so this will be terse. Mark the menu item as active if the menu item name equals current page title: {{ $active = or $active (eq .Name $current.Title) }} Mark…

Note that were you menus config added through individual page’s Front Matter, you could access any Menu item’s page with .Page, and therefor perform more faithful and generic tests than with .Name. Per example instead of testing the menu item’s .Name against the name of current page’s section, you …

In my setup, I used comparison of the urls to achieve this. No need for any or clause: {{ $active := in $current.RelPermalink .URL }}

@kascme I like this way too. But I use the filename for my permalinks so this wouldn’t work in my specific case

True. But if you use path.Dir you should get the menu link marked as active as well: {{ $active := in $current.RelPermalink (path.Dir .URL) }}

Unfortunately that doesn’t work as expected. This is a screenshot of the menu while on the “Blog” page (only the Blog menu item should be highlighted). For debugging, I’ve printed the path.Dir for each menu item. [2019-02-19_09-11-21]

Playing off your syntax, I got the below snippet to work as expected, but I prefer my original way. {{ $active := or ($current.IsMenuCurrent "nav" .) ($current.HasMenuCurrent "nav" .) }} {{ $active = or $active (eq .Name $current.Title) }} {{ $active = or $active (and (eq (trim (path.Dir .URL) "/")…

@ zwbetz: You are right. I had no Home nor any other root link in my menu, so it was working for me. I guess a check if the menu item belongs to Kind section or page would also work. But that’s again adding extra lines. My example above made using .IsMenuCurrent, .HasMenuCurrent obsolete, so it was …

thank you everyone for this. .IsMenuCurrent/.HasMenuCurrent seem bugged…

[image] zwbetz: Does it work for a multilingual menu? Shouldn’t it be compared with .relLangUrl?

Another way to make a menu item active

tips & tricks

Topic		Replies	Views
Navbar: Best way to test what current page is support	2	1892	January 31, 2020
Highlight current menu item - config.toml support	7	3563	December 7, 2021
Check if current page is part of a section defined in menu slug support navigation	6	3586	October 27, 2020
Navigation > active item only partially working support	3	1001	July 4, 2019
Show active menu for kind page? support	4	1081	April 1, 2019

Another way to make a menu item active

Related topics