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>