hugo-battheme/layouts/partials/footer.html

<footer class="colorswitch">
    <span id="footer-left"><a href="/" id="pageindicator" class="colorswitch" title="{{.Title}}"> {{.Site.Title | truncate 14}}</a></span>
<span id="footer-center">
<nav id="footer-nav" aria-label="navigation">
    {{ $currentPage := . }}
    {{ range .Site.Menus.nav }}
    <a class="footer-nav-item{{if or ($currentPage.IsMenuCurrent "nav" .) ($currentPage.HasMenuCurrent "nav" .) }} active{{end}} colorswitch" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
    {{ end }}
</nav>
</span>
<span id="footer-right">
        <input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
        <label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox" id="darkmode-toggle-label"></label>
        <button type="button" id="hamburger-button" class="colorswitch hamburger"></button>
        <div class="hamburger colorswitch" id="hamburger-bg">
<nav id="footer-nav" aria-label="navigation">
    {{ $currentPage := . }}
    {{ range .Site.Menus.nav }}
    <a class="hamburger-nav-item{{if or ($currentPage.IsMenuCurrent "nav" .) ($currentPage.HasMenuCurrent "nav" .) }} active{{end}} colorswitch" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }} {{ .Title }}</a><br>
    {{ end }}
</nav>

        </div>
</span>
</footer>