From 5e38e42f8f01b390939633613dfb025bdf606510 Mon Sep 17 00:00:00 2001
From: buoyantair <buoyantair@gmail.com>
Date: Fri, 20 Oct 2017 19:32:05 +0530
Subject: [PATCH] Z-index glitch
On several pages, components that appear/animate to "rise" seem to overlap the header component.
I've added a z-index definition to push the header component to the highest layer so that no other component overlaps / shadows it.
---
components/header.js | 1 +
1 file changed, 1 insertion(+)
diff --git a/components/header.js b/components/header.js
index 4ed696ad1..1e2c3759c 100644
--- a/components/header.js
+++ b/components/header.js
@@ -87,6 +87,7 @@ export default props => {
padding: 5px 20px;
width: 100%;
background: #fff;
+ z-index: 1000
}
.header__container {
max-width: 1280px;