I have a site where I want to be able to visually display to the user indication about what page they are on by adding an active class to the navigation element. I have this working (see my site ), but it looks like a terrible hack. Surely there is a better way of doing this? In my config.toml, I de…

Yes, the menu system was very confusing for me as well when starting with Hugo. I have done stuff to make it a little easier, but it still is a brain-grinder, and the docs “could be better” A couple of tips: Node menu items are configured in config.toml (or similar), page items in front matter Bo…

Thank you for your quick and helpful response! I was surprised to see that those functions indeed work on nodes as in the documentation it is stated: Additionally, there are some relevant functions available on the page: IsMenuCurrent (menu string, menuEntry *MenuEntry ) bool HasMenuCurrent (men…

[image] FooSoft: Additionally, there are some relevant functions available on the page:IsMenuCurrent (menu string, menuEntry *MenuEntry ) boolHasMenuCurrent (menu string, menuEntry *MenuEntry) bool I created an issue to track this: Fix menu doc …

Small followup: is it possible to make this work for taxonomies as well? For example when I am viewing /tags/foo, it would be nice to have the Tags menu item displayed as active. It currently only highlights when I am accessing the tag listing: Works here Doesn’t work here Contents of config.toml:…

I added the “Section menus for the lazy blogger” to fit my specific need. Taxonomies wasn’t on that list. So you would either have to define the taxonomy menu items in all the pages (a hassle) - or do some special string matching for the taxonomy pages.

I’m looking through the Hugo source now to see if I can do something about this. It looks like taxonomy pages never make it into the Site.Pages array, making them kind of special from everything else.

Nodes are “special”. This discussion talks about making them “less special”: [image] Node improvements I’ve been thinking about just following the convention of creating the content where you want it to appear. /content/index.md => home page /content/categories/hugo/index.md => Hugo's ca…

I tried the suggestions this discussion brought up but I am still having trouble properly utilizing the menus for pages. My config.toml is: baseurl = "www.site.com" languageCode = "en-us" title = "siteName" [params] author = "Name" description = "description" canonifyurls = true The front matte…

First off, I love Hugo - it is pretty much everything I want in a Static Site Generator! One issue I was having was getting the menu to add the class="active" on pages with a custom type (think Contact Us page). Here is the “hack” I have come up with that works for me: ##Setup Define the menu in…

[image] bryanjeal: but I have noticed zero side effects. Why do you have two menu items with the same identifier? (the side effect is that only one of the will “survive”, so if you don’t see any side-effects, you can safely delete one of them)

Confusion regarding proper use of menus

support

bep September 3, 2015, 8:07am 8

Nodes are “special”. This discussion talks about making them “less special”:

Topic		Replies	Views
How to add 'active' class to Hugo? support	10	2663	May 14, 2025
Can't get a very simple menu to work support menu	18	1751	May 11, 2023
Active Links in Menu support	11	8787	July 18, 2018
Menu not being set to active support	5	1684	February 13, 2019
Specifying nested menus in config.toml support	15	1354	October 13, 2022

Confusion regarding proper use of menus

Related topics