Need few lines of CSS code for Metaslider Flexslider

  • chiaroscuro1

    (@chiaroscuro1)


    10 years, 4 months ago

    Hi,

    I have installed the Metaslider plug in and have used short code to emnbed the “flex slider” on a few pages on my website. I’ve discovered that when the slider is viewed in a smart phone, although the container is responsive, the slide captions are not. So, when viewed in a smartphone the captions cover the entire surface of the slide, making it impossible to view the slide content.

    For this reason. I need CSS code to either make the slide captions responsive or to make the slide captions disappear in smartphone sized browsers. Although the first option would be nice, I think the second option is much easier to do and would require just a few lines of CSS code. Can someone help me with this? A web page on my site on where you can find the slider is http://www.catalysthealthmedia.com/test2

    p.s. I tried all 4 slider options in metaslider and the same thing happens in every one.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Pioneer Web Design

    (@swansonphotos)

    10 years, 4 months ago

    when viewed in a smartphone

    Testing in Chrome and using the Dev Tools to view site with varying mobile views, I am not seeing this behavior. What I am seeing on a page refresh is a mobile theme being loaded then another set of CSS overriding it…do you have options with your theme for mobile view or another plugin maybe?

    Either way you will probably have more luck asking Woo about this.

    Oh, and testing a site with right clicks disabled is overly annoying.

    Thread Starter chiaroscuro1

    (@chiaroscuro1)

    10 years, 4 months ago

    The behavior i described is definitely there. i just took a screenshot of it planning to attach it to this post, but i don’t see a way to add attachments on the WordPress forums. I am using a theme from Elegant themes which is responsive.

    The flexslider I am using is a part of the metaslider plugin. I’m not sure that the same coding for the Woo Flexslider would work with Metaslider Flexslider.

    Thanks for the heads up about the disabled right click.

    DJDoubleXL189

    (@djdoublexl189)

    10 years, 4 months ago

    .metaslider .caption-wrap {
position:relative;
}

    Make sure it’s only applied at that responsive level.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Need few lines of CSS code for Metaslider Flexslider’ is closed to new replies.