_includes/infographics/infographics.html in appscms-tools-theme-3.8.0 vs _includes/infographics/infographics.html in appscms-tools-theme-3.8.1

@@ -86,11 +86,11 @@
     @media screen and (max-width: 768px) {
         .inforgraphics_section .wrapper {
             max-width: 100%;
         }
 
-        
+
         .carousel-inner p {
             font-size: 20px;
         }
 
         .inforgraphics_section .wrapper i:first-child {
@@ -106,10 +106,11 @@
         }
 
         .carousel {
             overflow-x: hidden;
         }
+
         .slide {
             flex: 0 0 100%;
             margin-right: 0;
         }
     }
@@ -119,15 +120,24 @@
     <h3 class="text-center w-100 mb-5"><b>Other useful information</b></h3>
     <div class="wrapper">
         <i id="left" class="fas fa-angle-left"></i>
         <div class="carousel">
             <div class="carousel-inner">
+                {%- if homeData.infographics -%}
+                {% for item in homeData.infographics %}
+                <div class="slide">
+                    <img src="{{ item.image }}" alt="img" draggable="false">
+                    <p class="infographic-desc">{{ item.description | capitalize }}</p>
+                </div>
+                {% endfor %}
+                {%- else -%}
                 {% for item in featureData.infographics %}
                 <div class="slide">
                     <img src="{{ item.image }}" alt="img" draggable="false">
                     <p class="infographic-desc">{{ item.description | capitalize }}</p>
                 </div>
                 {% endfor %}
+                {%- endif -%}
             </div>
         </div>
         <i id="right" class="fas fa-angle-right"></i>
     </div>
 </div>
\ No newline at end of file