Image banner buttons alignment (Shopify#793)

Gravytrain-UK · Oct 20, 2021 · e02bf0c · e02bf0c
1 parent b713ba1
commit e02bf0c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/assets/section-image-banner.css b/assets/section-image-banner.css
@@ -56,7 +56,7 @@
     flex-direction: row;
     flex-wrap: wrap;
   }
-  
+
   .banner--stacked {
     height: auto;
   }
@@ -252,6 +252,8 @@
   flex-wrap: wrap;
   align-items: baseline;
   justify-content: center;
+  margin-right: auto;
+  margin-left: auto;
 }
 
 @media screen and (min-width: 750px) {

diff --git a/sections/image-banner.liquid b/sections/image-banner.liquid
@@ -91,7 +91,7 @@
               <span>{{ block.settings.text | escape }}</span>
             </div>
           {%- when 'buttons' -%}
-            <div class="banner__buttons{% if block.settings.button_label_1 != blank and block.settings.button_link_1 != blank and block.settings.button_label_2 != blank and block.settings.button_link_2 != blank %} banner__buttons--multiple{% endif %}" {{ block.shopify_attributes }}>
+            <div class="banner__buttons{% if block.settings.button_label_1 != blank and block.settings.button_label_2 != blank %} banner__buttons--multiple{% endif %}" {{ block.shopify_attributes }}>
               {%- if block.settings.button_label_1 != blank -%}
                 <a{% if block.settings.button_link_1 != blank %} href="{{ block.settings.button_link_1 }}"{% endif %} class="button{% if block.settings.button_style_secondary_1 %} button--secondary{% else %} button--primary{% endif %}"{% if block.settings.button_link_1 == blank %} aria-disabled="true"{% endif %}>{{ block.settings.button_label_1 | escape }}</a>
               {%- endif -%}