updated mobile view

layouts/partials/header/basic.html

@@ -61,7 +61,7 @@
 
             <span></span>
 
-            {{ partial "translations.html" . }}
+            {{ partial "translations-mobile.html" . }}
 
             {{ if .Site.Params.enableSearch | default false }}
             <button id="search-button-mobile" class="text-base hover:text-primary-600 dark:hover:text-primary-400"

layouts/partials/translations-mobile.html

@@ -0,0 +1,28 @@
+{{ if .IsTranslated }}
+<!--div class="inline">
+    {{ range .AllTranslations }}
+      <a href="{{ .RelPermalink }}">{{ .Language.Params.displayName | emojify }}</a>
+    {{ end }}
+  </div-->
+
+<div>
+  <div class="cursor-pointer flex items-center nested-menu">
+    <span>
+      {{ partial "icon.html" "globe" }}
+    </span>
+  </div>
+  <div class="absolute menuhide">
+    <div class="pt-2 p-5 mt-2 rounded-xl backdrop-blur shadow-2xl">
+      <div class="flex flex-col space-y-3">
+        {{ range .AllTranslations }}
+        <a href="{{ .RelPermalink }}" class="flex items-center">
+          <p class="text-sm font-sm text-gray-500 hover:text-gray-900" title="{{ .Title }}">
+            {{ .Language.Params.displayName | emojify }}
+          </p>
+        </a>
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</div>
+{{ end }}