Allow proper vertical axis alignment of text in the Image Banner (#3402)

* Remove left/right padding for transparent banner_box. * Fix padding on mobile as well.
Shopify · Apr 9, 2024 · b8f8b9c · b8f8b9c
1 parent 2061f4f
commit b8f8b9c
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/assets/section-image-banner.css b/assets/section-image-banner.css
@@ -339,7 +339,7 @@
 }
 
 .banner__box {
-  padding: 4rem 3.5rem;
+  padding: 4rem 1.5rem;
   position: relative;
   height: fit-content;
   align-items: center;
@@ -349,8 +349,17 @@
   z-index: 1;
 }
 
+.banner--mobile-bottom .banner__box {
+  padding: 4rem 3.5rem;
+}
+
 @media screen and (min-width: 750px) {
+  .banner__box {
+    padding: 4rem 3.5rem;
+  }
+
   .banner--desktop-transparent .banner__box {
+    padding: 4rem 0;
     background: transparent;
     max-width: 89rem;
     border: none;