Flex Slider Captions Not REsponsive

  • chiaroscuro1

    (@chiaroscuro1)


    10 years, 4 months ago

    I just looked at my pages that include a flex slider slideshow and found that the slide captions are not responsive in a smartphone sized browser. The captions appear with large type and cover the entire area of each slide, obscuring and making it impossible to see the slide content.

    Is there a fix for this (css code or other)? If not, is it possible to have the slider display without captions in smartphone sized browsers only?

    p.s. I would opt for using another slider in metaslider to fix this problem, but I’ve tested all of them and Flex Slider is the best option.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter chiaroscuro1

    (@chiaroscuro1)

    10 years, 4 months ago

    I just looked at the other options offered in metaslider and they all have this issue, so even if I opted to use a different slider, it would not resolve this problem.

    matchalabs

    (@matchalabs)

    10 years, 3 months ago

    Hi chiaroscuro1,

    You would need to add some CSS to your themes style.css file to hide the captions for certain screen widths:

    @media only screen and (max-width: 400px)
{
    .metaslider .caption,
    .metaslider .cs-title,
    .metaslider .nivo-caption {
        display: none;
    }
}

    Regards,
    Tom

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Flex Slider Captions Not REsponsive’ is closed to new replies.