From abb29ba1523370512c35cbe69df5f83e45322635 Mon Sep 17 00:00:00 2001
From: abhisheks <abhisheks@consultbop.com>
Date: Mon, 11 Dec 2023 16:09:24 +0530
Subject: [PATCH] refactor: update hero banner styles for smaller screens

---
 modules/ps_imageslider/views/templates/hook/slider.tpl | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/modules/ps_imageslider/views/templates/hook/slider.tpl b/modules/ps_imageslider/views/templates/hook/slider.tpl
index 55775ad..d3acec8 100644
--- a/modules/ps_imageslider/views/templates/hook/slider.tpl
+++ b/modules/ps_imageslider/views/templates/hook/slider.tpl
@@ -29,11 +29,11 @@
       {foreach from=$homeslider.slides item=slide name='homeslider'}
         <li class="carousel-item {if $smarty.foreach.homeslider.first}active{/if}" role="option" aria-hidden="{if $smarty.foreach.homeslider.first}false{else}true{/if}">
           <a href="{$slide.url}">
-            <figure class="relative h-screen bg-gray-50">
+            <figure class="relative h-auto lg:h-screen bg-gray-50">
               <img class="w-full h-full object-contain md:object-cover" src="{$slide.image_url}" alt="{$slide.legend|escape}">
               {if $slide.title || $slide.description}
-                <figcaption class="caption absolute left-16 md:left-1/2 bottom-0 top-0 right-16 flex flex-col justify-center">
-                  <h2 class="text-xl md:text-2xl lg:text-4xl xl:text-6xl font-bold mb-4">{$slide.title}</h2>
+                <figcaption class="caption absolute max-md:w-max left-1/2 md:left-1/2 bottom-0 top-0 right-1/5 flex flex-col justify-center">
+                  <h2 class="text-xl max-sm:max-w-[70%] md:text-2xl lg:text-4xl xl:text-6xl font-bold mb-4">{$slide.title}</h2>
                   <div class="text-sm md:text-base font-medium">{$slide.description nofilter}</div>
                 </figcaption>
               {/if}