slideShow section : dawn

[Sohan2198]

hello, 
How can fix the slideshow banner height and width,
actually mobile view not show full image, 
check this,
https://www.zisthi.com/collections/earrings 
banner height, crop the most of content in mobile views

Url:https://www.zisthi.com/
pass:Zisthi0206

[Small_Task_Help]

Hi,

Hope following will help

Adjust CSS for Mobile View

CSS example

.slideshow-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto; /* Adjusts height automatically */
}

.slideshow-container img {
    width: 100%;
    height: auto; /* Ensures the image scales correctly */
    object-fit: cover; /* Prevents image distortion while covering the container */
}

@media (max-width: 767px) {
    .slideshow-container {
        height: 50vh; /* Adjust this value to fit your needs */
    }

    .slideshow-container img {
        height: 100%;
        object-fit: cover; /* Ensures the image covers the container without distortion */
    }
}

Add or Modify CSS Rules (theme.css or styles.css)

Adjust theme setting

[Sohan2198]

not working