Merge pull request #60 from KevinMidboe/fix/header-sticky

fix: Sticky header
2020-11-03 13:14:01 +01:00
parent 607d47aee5 0b04e9294f
commit 03347e6ac9
1 changed files with 2 additions and 3 deletions
--- a/src/styles/banner.scss
+++ b/src/styles/banner.scss
@@ -2,6 +2,8 @@
@import "./variables.scss";

 .top-banner{
+  position: sticky;
+  top: 0;
  display: grid;
  grid-template-columns: 0.5fr 1fr 0.5fr;
  grid-template-areas: "menu logo clock";
@@ -9,9 +11,6 @@
  align-items: center;
  justify-items: center;
  background-color: $primary;
-  -webkit-box-shadow: 0px 0px 22px -8px rgba(0, 0, 0, 0.65);
-  -moz-box-shadow: 0px 0px 22px -8px rgba(0, 0, 0, 0.65);
-  box-shadow: 0px 0px 22px -8px rgba(0, 0, 0, 0.65);
 }

 .company-logo{