hugo-theme/layouts/partials/nav.html

		<header class="header">
			<input class="menu-btn" type="checkbox" id="menu-btn" />
			
			<div class="menu" >
					<a href="/{{ .Language.LanguageCode }}" 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>

					<div class="menu-entries">
			{{ range.Site.Menus.main }}
				{{ if eq .Identifier "home" }}
						<a class="home-link" href="{{ .URL }}">{{ .Name }}</a>
				{{ else }}
						<a href="{{ .URL }}">{{ .Name }}</a>
				{{ end }}
			{{ end }}
			{{ if gt (len .Site.Languages) 1  }}
				{{ if and (gt (len .Site.Languages) (len .AllTranslations)) .Site.Params.allTranslated }}		
  				{{ errorf "Error: %s is missing atleast 1 translation" .RelPermalink }}
						{{ end }}
						<div class="lang-switch" >
							<input class="lang-btn" type="checkbox" id="lang-btn" />
							<label class="lang-switch" for="lang-btn">
								<a>{{ .Language.LanguageName }} ⏷</a>
							</label>
							<div class="translation-list" >
						{{ with .Translations }}
							{{ range . }}
								<a href="{{ .RelPermalink }}"> {{ .Language.LanguageName }}</a>
							{{ end }} 
						{{ end }}
							</div>
						</div>
			{{ end }}
					</div>
				</div>
			</header>