some adjustment. but mobile language menu still behaves crazy.

themes/grav-theme-howto/css/media-queries.css

@@ -110,32 +110,36 @@
 
   /* Language menu*/
 
-  #language {
+  .language-selector {
       position: fixed;
-      top: 0px;
-      right: 75px;
+      top: -10px;
+      right: 30px;
   }
 
   .language-selector .btn {
+      top: 35px;
       font-size: 1.2rem;
       padding: 19px 15px;
   }
 
   .language-selector .btn i {
-      position: absolute;
-      top: 35px;
+      top: 40px;
       right: 20px;
   }
 
   .language-selector .dropdown-menu {
-    font-size: 1.1rem;
+      right: 150px;
+      top: 200px;
+      color: #b9a2ab;
+      background-color: #50162D;
+      border-color: #50162D;
+      font-size: 1.1rem;
   }
 
   .language-selector .dropdown-menu>li>a {
       padding: 12px 15px;
   }
 
-
 }
 
 @media (max-width: 600px) {

themes/grav-theme-howto/css/style.css

@@ -153,6 +153,9 @@ a:hover {
 
 /* Menu Settings */
 
+.main-nav {
+}
+
 .main-nav ul {
     display: flex;
     justify-content: space-between;
@@ -261,8 +264,7 @@ a:hover {
   color: #b9a2ab;
   background-color: #50162D;
   border-color: #50162D;
-  right: 0px;
-  left: auto;
+  top: 20px;
   font-size: 1.1rem;
 }
 

themes/grav-theme-howto/grav-theme-howto

@@ -0,0 +1 @@
+/var/www//themes/grav-theme-howto

themes/grav-theme-howto/templates/partials/navigation.html.twig

@@ -23,10 +23,10 @@
 {% endmacro %}
 <a class="mobile-btn" href="#main-nav" title="Show navigation">Show navigation</a>
 <a class="mobile-btn" href="#close" title="Hide navigation">Hide navigation</a>
-{% include 'partials/language-selector.html.twig' %}
 <ul id="nav">
     {% if theme_config.dropdown.enabled %}
         {{ _self.loop(pages) }}
+        {% include 'partials/language-selector.html.twig' %}
     {% else %}
         {% for page in pages.children.visible %}
             {% set current_page = (page.active or page.activeChild) ? 'selected' : '' %}