hugo-theme/layouts/partials/nav.html

		<header class="header">
			<input class="menu-btn" type="checkbox" id="menu-btn" />
			<ul class="menu" >
				<li>
				<a href="/" class="logo" >{{ .Site.Title }}</a>
			<label class="menu-icon" for="menu-btn">

<div class="hamburger" onclick="myFunction(this)">
  <div class="bar1"></div>
  <div class="bar2"></div>
  <div class="bar3"></div>
</div>

<script>
function myFunction(x) {
  x.classList.toggle("change");
}
</script>
			</label>

					
					<span class="menu-entries">
					<a href="/" class="home-link" >Home</a>
       					{{ range.Site.Menus.main }}
						<a href="{{ .URL }}">{{ .Name }}</a>
					{{ end }}
					</span>
				</li>
			</ul>
		</header>