Need Theme Tweaks?

If you need to customize theme, add extra pages, or complete website development from scratch, you can hire us.

Check Our Services

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.

Footer navigation settings are similar to the main navigation. Remember that footer menu do not support the dropdown feature.

Improve this page on Github  — Last updated:  Thu, Sep 9, 2021