From bd325d5b23c9c22d9a0dd21239355216f241adc1 Mon Sep 17 00:00:00 2001
From: Tymur Biedukhin <tymur.biedukhin@bigcommerce.com>
Date: Wed, 17 Mar 2021 15:47:01 +0200
Subject: [PATCH] BCTHEME-420: 'Skip to main content' is not visible

---
 assets/scss/layouts/header/_header.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/assets/scss/layouts/header/_header.scss b/assets/scss/layouts/header/_header.scss
index 20ed25e758..1acd61223e 100644
--- a/assets/scss/layouts/header/_header.scss
+++ b/assets/scss/layouts/header/_header.scss
@@ -12,7 +12,7 @@
 // 5. When logo size is set to "original", we don't have advance knowledge of the
 //    image size, so we can't use absolute positioning + padding to reserve space
 //    for lazy loading.
-// 6. When logo size is set to "original" and switch to mobile version, it keeps 
+// 6. When logo size is set to "original" and switch to mobile version, it keeps
 //    content in center regardless its size.
 //
 // -----------------------------------------------------------------------------
@@ -26,6 +26,7 @@
     position: absolute;
     transform: translate(-50%, -100%);
     transition: transform 0.3s;
+    z-index: zIndex('highest');
 
     &:focus {
         transform: translate(-50%, 0%);
@@ -175,7 +176,7 @@
 .header-logo-image-container {
     position: relative;
     width: 100%;
-    
+
     @include breakpoint("medium") {
         min-height: get-height(stencilString('logo_size'));
     }