BCTHEME-420: 'Skip to main content' is not visible

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'));
     }