Merge pull request #2775 from Safelite/feature/CASH-1060

Feature/CASH-1060

src/fmg-components/funnel-sub-header/funnel-sub-header.vue

@@ -12,12 +12,17 @@
             </h5>
         </div>
         <div
-            v-if="subText"
+            v-if="subText && !alignLeft"
             class="d-flex align-items-center justify-content-center container-fluid overflow-hidden mt-1">
             <p class="text-center small fw-normal sub-text">
                 <span v-html="subText"></span>
             </p>
         </div>
+        <div v-if="subText && alignLeft" class="d-flex overflow-hidden mt-1 mx-0">
+            <p class="small fw-normal sub-text">
+                <span v-html="subText"></span>
+            </p>
+        </div>
     </div>
 </template>
 
@@ -33,6 +38,7 @@ export default {
             type: String,
             default: "dark-header",
         },
+        alignLeft: Boolean,
     },
     components: {
         buttonBack,

src/layouts/vehicle/vehicle.vue

@@ -4,7 +4,10 @@
         <div class="container vehicle">
             <div class="row">
                 <div class="col-12 col-md-10 col-lg-8 col-xl-7">
-                    <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="siteSubHeader" />
+                    <funnelSubHeader
+                        cmsWidgetName="FunnelSubHeaderWidget"
+                        class="siteSubHeader"
+                        :alignLeft="true" />
                     <vehicleQuestion
                         ref="vehicleYearQuestion"
                         v-model="selectedYear"