From 2dd01888591563efafd8cea447c02ec6d19b56f6 Mon Sep 17 00:00:00 2001
From: Ad5001 <mail@ad5001.eu>
Date: Thu, 30 Sep 2021 22:51:20 +0200
Subject: [PATCH] Hiding language label on desktop.

---
 assets/scss/header.scss      | 14 +++++++++++++-
 layouts/partials/header.html |  2 +-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/assets/scss/header.scss b/assets/scss/header.scss
index a6886cf..9167c5f 100644
--- a/assets/scss/header.scss
+++ b/assets/scss/header.scss
@@ -80,12 +80,18 @@ nav {
 
 .menu-with-sub {
     display: block;
+                
+    .mobile-label {
+        display: none;
+    }
 
     .sub-menu {
         display: none;
         position: absolute;
         padding: 0;
-        margin-top: -2px;
+        margin-top: 5px;
+        right: 0;
+        width: max-content;
     }
     
     &.toggled .sub-menu, &:hover .sub-menu, & .sub-menu:hover {
@@ -158,11 +164,17 @@ nav {
                     }
                 }
                 
+                .mobile-label {
+                    display: unset;
+                }
+                
                 .menu-with-sub {
                     display: block;
                     
                     .sub-menu {
                         margin-left: 1em;
+                        left: 0;
+                        right: unset;
                     }
                 }
             }
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index a12be2e..b6b50b2 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -52,7 +52,7 @@
                 <li class="menu-with-sub">
                     <a href="#" role="button">
                         <i class="icon-lang icon-as-text" alt="{{ i18n "language" }} language flag"></i>
-                        <span>{{ i18n "language" }}</span>
+                        <span class="mobile-label">{{ i18n "language" }}</span>
                     </a>
                     <ul class="sub-menu center">
                         {{ range .Translations }}