Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 23, 2015 at 12:56 am #540476
    Shirtcliffe

    Hi there,

    I have some circles with caption hovers in the benefits section of my site. Looks fine on a large screen and also when it’s mobile responsive. However on medium size screens like 13″ or iPad the text in the hover of the circles bleeds out of the circle and becomes unreadable. Is there a way to make the text responsive as the circles go smaller?

    Cheers,
    Shirtcliffe

    November 23, 2015 at 6:44 pm #541111
    Elliott

    Hi Shirtcliffe!

    Add this to your custom CSS.

    @media screen and (max-width: 767px) and (min-width: 800px) {
.av-image-caption-overlay-center p {
    font-size: 12px !important;
    line-height: 12px !important;
}
}

    Regards,
    Elliott

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