Merge pull request #1640 from bookernath/STRF-7374

Fix category header image size
bigcommerce · Feb 17, 2020 · e7ed4ed · e7ed4ed
2 parents 25ee822 + e53db52
commit e7ed4ed
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 0 deletions.
diff --git a/assets/scss/components/_components.scss b/assets/scss/components/_components.scss
@@ -188,3 +188,6 @@
 
 // Payment Methods
 @import "stencil/paymentMethods/component";
+
+// Categories
+@import "stencil/category/component";
diff --git a/assets/scss/components/stencil/category/_category.scss b/assets/scss/components/stencil/category/_category.scss
@@ -0,0 +1,11 @@
+// =============================================================================
+// CATEGORY (CSS)
+// =============================================================================
+
+
+// Category header
+// -----------------------------------------------------------------------------
+
+.category-header-image {
+    width: 100%;
+}
diff --git a/assets/scss/components/stencil/category/_component.scss b/assets/scss/components/stencil/category/_component.scss
@@ -0,0 +1,7 @@
+// =============================================================================
+// CATEGORY
+// =============================================================================
+
+
+// Component
+@import "category";
diff --git a/templates/pages/category.html b/templates/pages/category.html
@@ -22,6 +22,7 @@
         image=category.image
         fallback_size=theme_settings.zoom_size
         lazyload=theme_settings.lazyload_mode
+        class="category-header-image"
     }}
 {{/if}}
 {{#unless theme_settings.hide_category_page_heading }}