Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 11, 2014 at 4:01 am #222022
    ShortieD

    Hi There – I’d like the text on my layered sliders to stay the same size when it’s in mobile view. Currently the text on the slider reduces size so it’s so small that you can’t read it. Is there a way to do this in the slider settings or is this a CSS issue?

    Thanks

    February 11, 2014 at 4:01 am #222023
    ShortieD
    This reply has been marked as private.
    February 11, 2014 at 1:40 pm #222223
    Ismael

    Hi!

    Please edit the slides then go to each layer’s Attribute panel. Add a unique css class selector for the title and captions. Add “layer-slider-title” for the title and “layer-slider-caption” for the captions. Use media queries on Quick CSS to specify the font size on mobile devices:

    @media only screen and (max-width: 1300px) {
.layer-slider-caption {
font-size: 18px !important;
line-height: 18px !important;
}

layer-slider-title {
font-size: 25px !important;
line-height: 25px !important;
}
}

    Regards,
    Ismael

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.