Fix: Logo size in small devices

2020-04-06 23:31:16 +02:00
parent 7c530eecb2
commit 359ae7973b
3 changed files with 15 additions and 3 deletions
@@ -128,7 +128,7 @@ img::-moz-selection {
 }

 #mainNav .navbar-brand img {
-  max-height: 80px;
+  max-height: 45px;
  transition: max-height 0.3s, max-height 0.3s;
 }

@@ -149,6 +149,18 @@ img::-moz-selection {
  color: #00ffff;
 }

+@media (min-width: 390px) {
+  #mainNav .navbar-brand img {
+    max-height: 60px;
+  }
+}
+
+@media (min-width: 480px) {
+  #mainNav .navbar-brand img {
+    max-height: 80px;
+  }
+}
+
@media (min-width: 992px) {
  #mainNav {
    padding-top: 10px;