diff --git a/assets/css/bobastyle.css b/assets/css/bobastyle.css
index 902d374..cfc1d55 100644
--- a/assets/css/bobastyle.css
+++ b/assets/css/bobastyle.css
@@ -236,6 +236,15 @@ footer {
   list-style: none;
 }
 
+.langpicker .unavailable {
+  color: inherit;
+}
+
+.langpicker .unavailable:hover {
+  cursor: not-allowed;
+  text-decoration: none;
+}
+
 
 
 /* Basic elements */
diff --git a/layouts/partials/top.html b/layouts/partials/top.html
index 3f2541e..c1d9af1 100644
--- a/layouts/partials/top.html
+++ b/layouts/partials/top.html
@@ -26,11 +26,27 @@
             {{ partial "icon.html" "world" -}}
         </summary>
         <ul class="languages">
-            {{ range .Site.Home.AllTranslations }}
+            {{ range .AllTranslations }}
             <li>
                 <a class="langpicker-item{{ if eq .Language $.Site.Language }} active{{ end }}" href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
             </li>
             {{ end }}
+
+            {{ $site_translations := slice }}
+            {{ range .Site.Languages }}
+            {{ $site_translations = $site_translations | append .LanguageName }}
+            {{ end }}
+
+            {{ $translation_codes := slice }}
+            {{ range .AllTranslations }}
+            {{ $translation_codes = $translation_codes | append .Language }}
+            {{ end }}
+
+            {{ range (.Site.Languages | complement $translation_codes) }}
+            <li>
+                <a class="langpicker-item unavailable">{{ .LanguageName }}</a>
+            </li>
+            {{ end }}
         </ul>
     </details>
     {{ end }}