[Share] Move Text under Banner Slideshow Image on Mobile

If CSS code doesn't work, you can send link to page where you use Slideshow, I will check again.

You have a List Slideshow like this (desktop)

On mobile, it show this

You want to move text under image, like this

You can follow these steps.

#1. First, find ID of Slideshow Section.

In my example, it is:

section[data-section-id="673efc2a8d0714337bebe7f2"]

#2. Use this code to Custom CSS box

@media screen and (max-width:767px) {
  section[data-section-id="673efc2a8d0714337bebe7f2"] {
    li.slide.list-item {
        padding: 10px !important;
    }
    /* image height */
    .slide-media-container {
        height: 50% !important;
    }
    /* text */
    .slide-content {
        width: 100% !important;
        margin: unset !important;
        position: absolute !important;
        top: 50%;
    }
  }
}