fix(storefront): BCTHEME-279 fix logo displaying (#1865)

Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com>
bigcommerce · Oct 21, 2020 · 7b39a1a · 7b39a1a
1 parent fdd8c33
commit 7b39a1a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,7 @@
 # Changelog
 
 ## Draft
+- Fixed Logo displaying on mobile. [#1865](https://github.com/bigcommerce/cornerstone/pull/1865)
 - Fixed image in modal for IE. [#1840](https://github.com/bigcommerce/cornerstone/pull/1840)
 - Add announcement for filtered resutls on "Shop by Price". [#1854](https://github.com/bigcommerce/cornerstone/pull/1854)
 - Add Announcement for Reset Filter by Price. [#1858](https://github.com/bigcommerce/cornerstone/pull/1858)

diff --git a/assets/scss/layouts/header/_header.scss b/assets/scss/layouts/header/_header.scss
@@ -12,6 +12,8 @@
 // 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 
+//    content in center regardless its size.
 //
 // -----------------------------------------------------------------------------
 
@@ -88,6 +90,7 @@
         color: $storeName-color;
         height: inherit;
         display: flex;
+        justify-content: center; // 6
         align-items: center;
         margin: 0 auto;
         position: relative;