How can I reorganize the menu layout in Hugo?

support
#1

$ hugo env
Hugo Static Site Generator v0.69.0/extended linux/amd64 BuildDate: unknown
GOOS=“linux”
GOARCH=“amd64”
GOVERSION=“go1.14”

$ git version
git version 2.26.2

I’m relatively new to Hugo and mostly just using default values. The current theme provides Personas and Tags as taxonomy categories, and they appear at the bottom of the menu system in the left navigation bar. I know how to use weight to change the order of the other menus, etc., but I’d like to put these taxonomy categories at the top.

I’ve been reading through the .toml file, Hugo docs, etc., but I’m not a coder and some of it is hard to understand. Any suggestions on how I can do this? thanks.

David

#2

Hi there,

Please have a read about Requesting Help .

We don’t know what theme you are using, how it’s rendering your menu, how it sorts your menu items. It would be easier to help you if we could see your code in a repo somewhere.

#3

Hi yourself.
The theme is a custom theme but I can’t share it because it’s in an internal repo. I can add a screen capture of how it renders, if that helps. If you look at Style customization :: Documentation for Hugo Learn Theme you will see a section called “MORE” which contains several entries. Ours is similar, but we want to move all those entries to the very top of the menu.

If there are particular config files or sections of files that impact this area I should be able to share snippets no problem.

The following is from the config.toml file which relates to this section, but I think what is needed is to move the MORE entry, and I don’t know how to do that.

[outputs]
home = [ "HTML", "RSS", "JSON"]

[taxonomies]
  category = "categories"
  tag = "tags"
  persona = "personas"

[[menu.shortcuts]]
  name = "<i class='fas fa-tags'></i> Tags"
  url = "/tags.html"
  weight = 30

[[menu.shortcuts]]
  name = "<i class='fas fa-users'></i> Personas"
  url = "/personas.html"
  weight = 35

[[menu.shortcuts]]
  name = "<i class='fas fa-check-circle'></i> Checklist"
  url = "/checklist.html"
  weight = 40

Screenshot from 2021-02-09 13-24-37

Please let me know if there is anything else I can include.
thanks