Add the mobile menu directly in baseof template instead of via js. Translate menu terms.

layouts/_default/baseof.html

@@ -33,7 +33,11 @@
 </footer>
 
 </div>
-
+<div class="mobile-nav-wrapper hidden">
+  <div class="mobile-nav-cover"></div>
+  <a href="#navigation" class="mobile-nav-toggle" aria-haspopup="true" role="button">{{ i18n "menu_mobile" }}</a>
+  <div class="mobile-nav-sheet"></div>
+</div>
 {{ partial "scripts.html" . -}}
 {{ partialCached "scripts_cache.html" . -}}
 </body>

layouts/partials/menu.html

@@ -1,7 +1,7 @@
 {{ $currentSection := .Section }}
 {{ $currentID := .UniqueID }}
 <nav class="main-menu layout__navigation layout__full" role="navigation">
-<h2 class="visually-hidden">Main menu</h2>
+<h2 class="visually-hidden">{{ i18n "menu_title" }}</h2>
 <ul class="navbar">
 <li><a class="{{ if .IsHome }}active{{ end }}" href="/">{{ i18n "menu_home" }}</a></li>
 {{ range after 1 (where .Site.Pages "Section" "") -}}