fix(storefront): BCTHEME-856 Fixed images placeholder on hero carouse…

…l shifted on mobile when slide has content
bigcommerce · Aug 31, 2021 · 71c23f2 · 71c23f2
1 parent 99782f8
commit 71c23f2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -5,6 +5,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## Draft
+- Fixed images placeholder on hero carousel shifted on mobile when slide has content. [#2111](https://github.com/bigcommerce/cornerstone/pull/2111)
 - Google AMP feature request - Add in release date info for preorder products. [#2107](https://github.com/bigcommerce/cornerstone/pull/2107)
 - Translation for states select field on account signup page. [#2105](https://github.com/bigcommerce/cornerstone/pull/2105)
 - Added description field below payment provider name on "My Account" -> "Payment Methods" page. [#2111](https://github.com/bigcommerce/cornerstone/pull/2111)

diff --git a/assets/scss/components/stencil/heroCarousel/_heroCarousel.scss b/assets/scss/components/stencil/heroCarousel/_heroCarousel.scss
@@ -108,8 +108,10 @@
         }
 
         &.is-image-error {
-            background: url("../img/hero-carousel-image-load-error.svg") center center no-repeat;
-            background-size: contain;
+            .heroCarousel-image-wrapper {
+                background: url("../img/hero-carousel-image-load-error.svg") center center no-repeat;
+                background-size: contain;    
+            }
         }
     }
 }