fix(storefront): BCTHEME-197 Logo focus of voice over has wrong (100%…

… of the screen) width
bigcommerce · Sep 9, 2020 · dd5712f · dd5712f
1 parent 797b3da
commit dd5712f
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/assets/scss/layouts/header/_header.scss b/assets/scss/layouts/header/_header.scss
@@ -44,6 +44,8 @@
         overflow: visible;
         position: relative;
         height: auto;
+        display: flex;
+        flex-direction: column;
     }
 
     &.is-open {
@@ -69,6 +71,7 @@
     @include breakpoint("medium") {
         margin: (spacing("double") + spacing("base")) auto (spacing("double") + spacing("single"));
         padding: 0;
+        height: auto;
 
         .header.fixed & {
             background-color: color("greys", "lightest");
@@ -96,9 +99,10 @@
         @include breakpoint("medium") {
             background: none;
             border-bottom: 0;
-            display: inline;
+            display: inline-block;
             padding: 0;
             width: 100%;
+            height: auto;
         }
 
         &:hover {