From 725c710bb68b5a3a60dc923cbd31c4fcc22d4b5f Mon Sep 17 00:00:00 2001
From: meaz <meaz@disroot.org>
Date: Sun, 19 Jan 2020 11:09:21 +0100
Subject: [PATCH] remove some @media and fix language btn position in mobile
 view

---
 themes/grav-theme-howto/css/media-queries.css | 68 ++++++++++++++-----
 1 file changed, 50 insertions(+), 18 deletions(-)

diff --git a/themes/grav-theme-howto/css/media-queries.css b/themes/grav-theme-howto/css/media-queries.css
index 904b7026..e2f1bc83 100644
--- a/themes/grav-theme-howto/css/media-queries.css
+++ b/themes/grav-theme-howto/css/media-queries.css
@@ -1,12 +1,6 @@
-@media (min-width:1201px) {
-
-}
-
-@media (max-width: 1200px) and (min-width:901px) {
-
-}
-
-@media (max-width: 1040px) {
+/* screenwidth less than 1000px
+------------------------------------*/
+@media only screen and (max-width: 1150px) {
   body {
     font-size: 85%;
   }
@@ -18,7 +12,10 @@
     }
 }
 
-@media only screen and (max-width: 767px) {
+/* mobile wide/smaller tablets
+------------------------------------*/
+
+@media only screen and (max-width: 830px) {
 
   .narrow{
    max-width: 100%;
@@ -103,9 +100,51 @@
       clear: both;
    }
 
+   /* Language menu*/
+
+   .language-selector {
+       position: fixed;
+       top: -10px;
+       right: 30px;
+   }
+
+   .language-selector .btn {
+       top: 35px;
+       font-size: 1.2rem;
+       padding: 19px 15px;
+   }
+
+   .language-selector ul#langSelectorList {
+       position: absolute;
+       top: 50px;
+       right: 0;
+   }
+
+   .language-selector .btn i {
+       top: 40px;
+       right: 20px;
+   }
+
+   .language-selector .dropdown-menu {
+       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: 900px) and (min-width:601px) {
+
+/* mobile narrow
+  ------------------------------------*/
+
+@media only screen and (max-width: 600px) {
 
   /* Language menu*/
 
@@ -146,10 +185,3 @@
   }
 
 }
-
-@media (max-width: 600px) {
-
-}
-
-@media (max-width: 400px) {
-}