Hide menu on index

Hosting on Micro.blog
1

Hi everyone!

I am new to Micro.blog and am just editting my blog design.

I want to know if there is a way to hide my menu/navigation only on the index/homepage, and have it to be visible on every other page.

This is partials/header.html

<header class="header">
    <nav class="site-nav">
        {{- $avatar := .Site.Params.custom_avatar }}
        <h1 class="site-title"><a href="/">{{ .Site.Title }}</a></h1>
        <ul class="nav-menu">
        {{- range .Site.Menus.main }}
            {{- if .Page.Params.redirect_url }}
            <li class="nav-item"><a href="{{ .Page.Params.redirect_url }}">{{ .Name }}</a></li>
            {{- else }}
            <li class="nav-item"><a href="{{ .URL | relLangURL | safeURL }}">{{ .Name }}</a></li>
            {{- end }}
        {{- end }}
        </ul>
        <div class="hamburger">
            <span class="bar"></span>
            <span class="bar"></span>
            <span class="bar"></span>
        </div>
    </nav>
</header>

Anyone have any suggestions?

Thank you!

2

You might want to look into Hugo’s documentation about .IsHome