Navigation

For customizing the Navigation, you need to open the config/_defaults/menus.toml file and follow the steps below.

For maintaining it from forestry, you can find it at the bottom of the left sidebar. The file called Menu

Main navigation is a list of links to other pages. It is rendered in the header of the page.

Normal Menu

  1. [[main]] is the main loop. You can add your navigation item by copying and pasting this loop.
[[main]]
name = "About"
url = "about/"
weight = 1
  1. name is for menu item name/text.
  2. URL is for the page URL. To set about page URL here, type about/. You can also use an external URL by putting the URL in this attribute. ex: url = "https://gethugothemes.com/"
  3. weight is for your navigation sorting. The smaller number weight will show first. You can switch menu items by changing the weight value.
[[main]]
weight = 4
name = "Dropdown"
hasChildren = true

  [[main]]
  parent = "Dropdown"
  name = "Dropdown Item"
  url = "https://gethugothemes.com/"
  weight = 1
  1. For dropdown menu, you need to add another attribute called hasChildren = true. And remove URL. Then repeat the [[main]] loop, and put the parent = attribute in the dropdown menu item. Parent name should be the same as the dropdown item name. Also, update name and URL attributes.
Improve this page on Github  — Last updated:  Tue, Sep 14, 2021