Hey!
Very noob question but neither google nor this forum, nor the docs could really help me out.
I’m using the Terminal theme and I want to create a simple dropdown menu in my header. As far as I can tell from the files, Terminal already comes with the corresponding SCSS and main.js to handle this, so I thought adding this would be a breeze.
However, after adding the following blocks to the hugo.toml file, the dropdown doesn’t open. A little arrow indicating the existence of the dropdown appears and the parent menu item gets stylized by CSS, however clicking the menu does not open it. The ordinary menu items redirect fine when clicked. I thought maybe I have to manually load the menu.js, so I manually included it in the footer to no avail.
[[menu.main]]
name = “Home”
url = “/”
weight = 1
[[menu.main]]
identifier = “cat1”
name = “Cat1”
url = “/cat1”
weight = 2
[[menu.main]]
identifier = “cat1-1”
parent = “cat1”
name = “Cat1-1”
url = “/cat1-1”
weight = 1
[[menu.main]]
identifier = “cat1-2”
parent = “cat1”
name = “Cat1-2”
url = “/cat1-2”
weight = 2
The HTML inspectors shows that there is a dropdown menu hidden there, but I can’t figure out why it does not react to clicks.
I’m very new to frontend dev in general and this is my first time using a SSG so I’m probably just overlooking something very obvious.
This doesn’t address your question, but…
The project maintainer states, “The theme is no longer maintained.”
I’m not sure I’d spend a lot of time customizing a theme that has reached a dead end.
Well, that’s certainly unlucky timing. Quite a shame, that was aesthetically my favorite out of all the themes. Oh well, guess I’ll have to watch the forks now and hope someone continues maintaining it.
However, since my site is basically just a super basic 4-page digital business card that I don’t really plan on changing much in the next couple of years, I’m not too worried about using an unmaintained theme. As long as there is text displayed on a webpage, I’m content.
For the next projects I’ll have to find a new one though…
Anyway, got any idea what I’ve been doing wrong in my dropdown-menu endeavor?
Normally I would direct you to the theme author for guidance. They know their theme better than anyone else. Digging into the details of someone else’s theme can be a time sink, and an unwise investment if the theme has no future.
Perhaps someone else has some experience with this particular theme.
I have found the culprit; the menu.html partial was simply stuck in a limbo after I forgot to save it and its tab went further and further to the right in VSCode until I didn’t see it anymore and forgot about it. When git told me there were unsaved changes in menu.html it clicked.
After saving the file, it now works smooth as silk. Wonderful!
1 Like