Image Slide Info

Resolved jakekimpton
(@jakekimpton)

10 years, 1 month ago

Hello,

I’m looking to create some sliders with slide info like this example supplied with MS Pro:
Example

I’ve added 2 samples. One where the text remains visible under 600px and one that hides the text. Ideally, it would be nice if the text dropped below the image instead of the image almost disappearing. I can’t use them like this and I’m not sure how to make it work correctly.

I would like the image to stay visible, and for the text to drop below for mobile.

https://wordpress.org/plugins/master-slider/

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Author

averta

(@averta)

10 years, 1 month ago

Hi,

Please add the following style to Your slider custom styles.

@media screen and (max-width: 750px) {

 .master-slider {
   margin: 0 !important;
 }
 .ms-slide-info.ms-dir-v {
     top: 0;
     position: static;
     width: auto !important;
     padding: 0 20px;
 }

 .ms-info {
        margin-top: 20px;
    }
}

.ms-slide-info {
    overflow: auto;
    height: 100%;
}

Regards
Averta

Thread Starter

jakekimpton

(@jakekimpton)

10 years, 1 month ago

Fantastic, this works perfectly.

Plugin Author

averta

(@averta)

10 years, 1 month ago

You are Welcome

Regards
Averta