diff --git a/i18n/en.yaml b/i18n/en.yaml
index f261cd381..e8cf2c45b 100644
--- a/i18n/en.yaml
+++ b/i18n/en.yaml
@@ -1,86 +1,89 @@
 - id: about
   translation: "About"
 
 - id: home
   translation: "Home"
 
 - id: recentPosts
   translation: "Recent Posts"
 
 - id: readMore
   translation: "Read more →"
 
 - id: translations
   translation: "Translations"
 
 - id: share
   translation: "Share"
 
 - id: paginatorPrevious
   translation: "Previous page"
 
 - id: paginatorNext
   translation: "Next page"
 
 - id: cookieMessage
   translation: "This website uses cookies."
 
 - id: cookieLink
   translation: "Learn more."
 
 - id: cookieDismiss
   translation: "Got it!"
 
 - id: backToTop
   translation: "Back to top"
 
+- id: menu
+  translation: "Menu"
+
 - id: links
   translation: "Links"
 
 - id: download
   translation: "Download"
 
 - id: latestNews
   translation: "Latest News"
 
 - id: siteDescription
   translation: "Professional Photo Management with the Power of Open Source"
 
 - id: screenshots
   translation: "Screenshots"
 
 - id: recipesBookSidebar
   translation: "digiKam Recipes Book"
 
 - id: donateTitleSidbar
   translation: "Make a Donation"
 
 - id: donateBodySidebar
   translation: "Make your donation to support the digiKam project!"
 
 - id: features
   translation: "Features"
 
 - id: largeCollections
   translation: "Handles large collections"
 
 - id: largeCollectionsBody
   translation: "Support for image libraries in excess of 100,000 images!"
 
 - id: efficientEditing
   translation: "Efficient editing workflow"
 
 - id: efficientEditingBody
   translation: "Develop raw files, tweak jpegs, then publish to social media!"
 
 - id: openMetadata
   translation: "Transparent metadata"
 
 - id: openMetadataBody
   translation: "Harnessing the power of XMP, your metadata is never hidden away!"
 
 - id: freeSoftware
   translation: "Free and Open Source Software"
 
 - id: freeSoftwareBody
   translation: "digiKam is Free Software and respects your freedom!"
diff --git a/themes/hugo-theme-digikam/layouts/partials/nav.html b/themes/hugo-theme-digikam/layouts/partials/nav.html
index bad21ab08..bc4211afc 100644
--- a/themes/hugo-theme-digikam/layouts/partials/nav.html
+++ b/themes/hugo-theme-digikam/layouts/partials/nav.html
@@ -1,37 +1,30 @@
 <header class="nav">
-  <div class="top-bar">
-    <div class="row column">
-      <!-- <div class="top-bar-left"> -->
-      <!--   <ul class="menu"> -->
-      <!--     <li> -->
-			<!-- 			<a href="{{ .Site.BaseURL | absLangURL }}"> -->
-      <!--         {{ .Site.Title | safeHTML }} -->
-      <!--       </a> -->
-			<!-- 		</li> -->
-      <!--   </ul> -->
-      <!-- </div> -->
-      <div class="top-bar-right">
-        <ul class="menu">
-          <!-- <li class="{{ if .IsHome }}active{{ end }}"> -->
-					<!-- 	<a href="{{ .Site.BaseURL | absLangURL }}"> -->
-          <!--   {{ i18n "home" }} -->
-					<!-- 	</a> -->
-					<!-- </li> -->
-          {{ if .Site.Params.custom_navbar }}
-          {{ range .Site.Menus.navbar }}
-          <li><a href="{{.URL | absURL }}">
-              {{ .Name }}
-          </a></li>
-          {{ end }}
-          {{ else }}
-          {{ range where .Site.Pages "Type" "!=" "news" }}
-          <li><a href="{{ .Permalink }}">
-              {{ .Title }}
-          </a></li>
-          {{ end }}
-          {{ end }}
-        </ul>
-      </div>
-    </div>
-  </div>
+	<div class="title-bar" data-responsive-toggle="main-menu" data-hide-for="medium">
+		<button class="menu-icon" type="button" data-toggle></button>
+		<div class="title-bar-title">{{ i18n "menu" }}</div>
+	</div>
+	<div class="top-bar" id="main-menu">
+		<!-- <div class="top-bar-left"> -->
+		<!-- 	<ul class="dropdown menu" data-dropdown-menu> -->
+		<!-- 		<li class="menu-text">Site Title</li> -->
+		<!-- 	</ul> -->
+		<!-- </div> -->
+		<div class="top-bar-right">
+			<ul class="menu" data-responsive-menu="drilldown medium-dropdown">
+        {{ if .Site.Params.custom_navbar }}
+        {{ range .Site.Menus.navbar }}
+        <li><a href="{{.URL | absURL }}">
+            {{ .Name }}
+        </a></li>
+        {{ end }}
+        {{ else }}
+        {{ range where .Site.Pages "Type" "!=" "news" }}
+        <li><a href="{{ .Permalink }}">
+            {{ .Title }}
+        </a></li>
+        {{ end }}
+        {{ end }}
+			</ul>
+		</div>
+	</div>
 </header>