Only fix logo and metadata if viewport height is sufficient

2019-01-09 07:46:21 +00:00
parent 908242d8f4
commit 8e2594355e
2 changed files with 8 additions and 6 deletions
--- a/css/metadata.css
+++ b/css/metadata.css
@@ -25,15 +25,17 @@
    border-bottom: none;
  }

-  .is-fixed .metadata {
-    position: fixed;
-  }
-
  .metadata__item {
    margin-right: 0;
  }
 }

+@media (--viewport-lg) and (min-height: 540px) {
+  .is-fixed .metadata {
+    position: fixed;
+  }
+}
+
 .metadata__item--light {
  color: var(--color-grey);
  display: none;