From ac8790ecb333106acd70eb466eb96c0fe36d4def Mon Sep 17 00:00:00 2001
From: Janine Luk <luk@LONA-000792.local>
Date: Sat, 4 May 2019 14:55:18 +0100
Subject: [PATCH] sticky header for mobile

---
 app/assets/stylesheets/darkswarm/home_tagline.css.scss | 2 +-
 app/assets/stylesheets/darkswarm/menu.css.scss         | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/darkswarm/home_tagline.css.scss b/app/assets/stylesheets/darkswarm/home_tagline.css.scss
index ffe4204869..83142053a7 100644
--- a/app/assets/stylesheets/darkswarm/home_tagline.css.scss
+++ b/app/assets/stylesheets/darkswarm/home_tagline.css.scss
@@ -24,7 +24,7 @@
   }
 
   h1 {
-    margin-top: 2rem;
+    margin-top: $topbar-height;
 
     @media all and (min-width: 768px) {
       margin-top: 10rem;
diff --git a/app/assets/stylesheets/darkswarm/menu.css.scss b/app/assets/stylesheets/darkswarm/menu.css.scss
index 87e731133c..0885ed31a6 100644
--- a/app/assets/stylesheets/darkswarm/menu.css.scss
+++ b/app/assets/stylesheets/darkswarm/menu.css.scss
@@ -140,6 +140,10 @@ nav.top-bar {
 
 .tab-bar {
   background-color: white;
+  position: fixed;
+  width: 100%;
+  height: 2.8em;
+  z-index: 1;
 
   .cart-span {
     background-color: #f4704c;
@@ -173,7 +177,6 @@ nav.top-bar {
   }
 }
 
-
 .off-canvas-list li.language-switcher ul li {
   list-style-type: none;
   padding-left: 0.5em;