Hello there, I need some help deploying my website (I am a bit of noob in hugo, sry!). I use netlify and github for continuous deployment. I have a website that is working locally, but when i deploy it, the items in the main menu don’t show up.
I am using a partial called “nav” that contains the menu
landing page:
<!DOCTYPE html>
<html lang="en" dir="ltr">
{{ partial "head" . }}
<body>
<div id="landing-page-menu">
<div>
{{ partial "nav" . }}
</div>
</div>
</body>
</html>
partial “nav”:
<ul>
{{ range .Site.Menus.main.ByWeight }}
<li><a href="{{ .URL }}" onmouseover="changeText({{ .Title }},this)" onmouseout="changeText({{ .Params.Glyphs }}, this)">{{ .Params.Glyphs }}</a></li>
{{ end }}
</ul>
there should be three items in this menu, their front matter looks like this:
title: "About"
glyphs: "⁆⁖⁕→͡"
date: 2021-07-13T15:36:36+02:00
draft: true
hasimg: true
img: "/assets/about/about.png"
menu:
main:
weight: 2
params:
glyphs: "⁆⁖⁕→͡"
you can ignore the glyph parameter, it’s used for a specific hover effect that should be unrelated.
Thanks!