Try to hide logo when screen under 480 px

TheDataMine · Nov 23, 2021 · 5366d1a · 5366d1a
1 parent c7359b2
commit 5366d1a
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/css/header.css b/src/css/header.css
@@ -146,7 +146,13 @@ body {
   white-space: nowrap;
 }
 
-@media screen and (max-width: 1023.5px) {
+@media screen and (max-width: 480px) and (min-width: 320px) {
+  .navbar-item.logo {
+    display: none;
+  }
+}
+
+@media screen and (max-width: 1023.5px) and (min-width: 481px) {
   .navbar-brand {
     height: inherit;
   }