Merge branch 'develop' into feature/Digital/SSR-51

src/common-components/site-sub-header/site-sub-header.vue

@@ -12,6 +12,13 @@
           />
         </h5>
       </div>
+      <div class="d-flex align-items-center justify-content-center container-fluid overflow-hidden">
+            <p class="text-center small fw-normal mb-0">
+                <span>
+                    {{ subText }}
+                </span>
+            </p>
+        </div>
     </div>
   </template>
 
@@ -24,12 +31,19 @@ import buttonBack from "@/common-components/site-sub-header/button-back/button-b
         props: {
             cmsWidgetName: String,
             hasBackButton: Boolean,
-            backButtonAccessibleText: String,
         },
         computed: {
             content()
             {
                 return this.getCmsContent(this.cmsWidgetName, "SubHeaderText")
+            },
+            subText()
+            {
+                return this.getCmsContent(this.cmsWidgetName, "SecondaryText")
+            },
+            backButtonAccessibleText()
+            {
+              return this.getCmsContent(this.cmsWidgetName, "BackButtonAccessibleText")
             }
         },
         methods: {

src/layouts/vehicle-make/vehicle-make.vue

@@ -8,7 +8,6 @@
             cmsWidgetName="SiteSubHeaderWidget" 
             :hasBackButton="true"
             @click-event="backButtonAction"
-            backButtonAccessibleText = "Change vehicle year"
           />
           <div class="fade-on-route-transition">
             <makeQuestion 

src/layouts/vehicle-model/vehicle-model.vue

@@ -8,7 +8,6 @@
             cmsWidgetName="SiteSubHeaderWidget"
             :hasBackButton="true"
             @click-event="backButtonAction"
-            backButtonAccessibleText = "Change vehicle make"
           />
           <div class="fade-on-route-transition">
             <modelQuestion v-model="selectedModel" ref="modelQuestion" cmsWidgetName="VehicleModelQuestion" />