omegamma/layouts/partials/header.html

<nav>
    <div class="center nav-flex">
        {{ $currentPage := . }}
        <div class="nav-mobile">
            <a class="navbar-brand" href="{{ .Site.Params.brandWebsite }}" role="button">
                <img src="/img/icon.png" class="icon-brand" alt=""></img>
                Ad5001
            </a>
        
            <button id="navbar-toggler">
                <img src="/icons/menu.svg" class=""/>
            </button>
        </div>
        
        <div class="navbar-menu">
            <ul class="navbar-list">
            {{ range .Site.Menus.main }}
                {{ if .HasChildren }}
                    <a href="#" role="button">
                        <li class="{{ if $currentPage.HasMenuCurrent "main" . }}active{{ end }}">
                            {{ .Pre }}
                            <span>{{ .Name }}</span>
                        </li>
                    </a>
                    <ul class="sub-menu">
                        {{ range .Children }}
                        <a href="{{ .URL }}" role="button">
                            <li class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}">
                                {{ .Name }}
                            </li>
                        </a>
                        {{ end }}
                    </ul>
                {{ else }}
                    <a href="{{ .URL }}" role="button">
                        <li class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}">
                            {{ .Pre }}
                            <span>{{ .Name }}</span>
                        </li>
                    </a>
                {{ end }}
            {{ end }}
            </ul>
        </div>
    </div>
</nav>