Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 22, 2016 at 11:52 am #569932
    foggygolf30

    Hi

    I’d like to know how to reduce the size of the caption text on the easyslider when viewing on a mobile device? I have the following code for reducing the size of the H2 but not the actual caption text.

    If this still isn’t right how can i remove the caption all together when viewed on mobile?

    Many thanks

    Richard

    January 22, 2016 at 2:58 pm #570106
    Andy

    Hey foggygolf30!

    use this code in Quick CSS field:

    @media only screen and (max-width: 736px) {
h2.avia-caption-title {
font-size: 10px;
}
.avia-caption-content {
font-size: 10px
}
}

    Regards,
    Andy

    January 24, 2016 at 10:53 pm #570943
    foggygolf30

    how can i remove both caption title and caption content when viewed on a mobile?

    January 25, 2016 at 9:05 am #571154
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
.avia-caption-title, .avia-caption-content {
display:none !important;
}
}

    Regards,
    Rikard

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