Caption below image on narrow mobile device

Resolved wpfan1000
(@wpfan1000)

9 years, 3 months ago

Thanks for such a great plugin.

Like post number 5 from trasteverina in the closed issue:
https://wordpress.org/support/topic/caption-belowoutside-the-slideshow?replies=5

I have the same issue as him:

I have quite long captions (ca. 2- 3 rows of text) and in the mobile version currently the caption completely covers the image.

I have been trying to add my own css for when the viewport goes below 800 px to get the caption to sit below the image but I have not been succesful.

Could you please indicate how to place the caption below the image instead using css?

Thanks ahead of time.

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

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

o0mercury0o
(@o0mercury0o)

8 years, 11 months ago

This is EXACTLY what I am struggling with. Did you find a solution?

Thread Starter wpfan1000
(@wpfan1000)

8 years, 11 months ago

No I haven’t.

This is a great plugin and I am grateful for the developer making it, but the developer has not responded to my initial post 4 months ago.

I wonder if it may be a feature of the paid version of the plugin and hence the dev does not want to make this feature available in the free version.

o0mercury0o
(@o0mercury0o)

8 years, 11 months ago

Well, I’ve been searching for a solution for two days… now that I’ve finally asked for help, I think I got it working!

I added this to flexslider.css:

.metaslider .flexslider .caption-wrap {
display:block !important;
opacity: 1;
margin: 0px 0px;
width: 100%;
top: auto;
right: auto;
bottom: auto;
left: auto;
clear: both;
position: relative;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}

Thread Starter wpfan1000
(@wpfan1000)

8 years, 11 months ago

Hey that worked!

Thanks for figuring it out and sharing!

gallivantingtheglobe
(@gallivantingtheglobe)

8 years, 10 months ago

I’m having the same problem! I’m using the Nivo Slider within the Meta Slider plugin. In a post, I’ve inserted a table with 3 columns on 1 row, 1 slider in each cell. It looks good on my computer, but on mobile the caption covers the entire slide. Frankly, even without the caption issue, the slides look teeny tiny.

I tried the code you provided above to fix the caption issue but it didn’t work. I tried switching “flexslider” to “nivoslider”, which is what I’m using, but no luck. Any thoughts?

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

The topic ‘Caption below image on narrow mobile device’ is closed to new replies.