Tagged: , , , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 21, 2016 at 7:00 pm #689965
    missouriartscouncil

    The text in the caption overlay is not responsive. It spills out of the boxes onto the design elements below.

    My homepage has a grid row with photos. I originally set up the text as 24px with up to six lines of text. It looked great on my widescreen 16:9 monitor. Then I discovered it was spilling out of the boxes when viewed on anything else: standard 4:3 monitors, tablets, mobiles, and just when minimizing the screen on the 16:9 monitor. This happens whether I have the caption set to be visible only on hover or be visible always.

    I’ve done a quick fix for 4:3 desktops by pulling the size down to 20px and cutting the number of lines. But I want a permanent fix that will work across all devices.

    I generally like Enfold a lot, but I’m disappointed this is happening. Enfold is supposed to be fully responsive. Yet here’s an element as fundamental as the text in image captions that’s failing to respond.

    September 23, 2016 at 6:03 am #690494
    Rikard

    Hey missouriartscouncil,

    Could you post a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    September 23, 2016 at 4:10 pm #690870
    missouriartscouncil

    http://www.missouriartscouncil.org

    Thanks!

    September 23, 2016 at 5:04 pm #690913
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) {
.av-image-caption-overlay-center p {
    font-size: 14px;
    line-height: 20px;
}}

    Cheers!
    Yigit

    September 23, 2016 at 5:33 pm #690936
    missouriartscouncil

    Yigit, what is that code actually going to command to take place?

    September 23, 2016 at 5:38 pm #690940
    Yigit

    Hi!

    It will decrease font size and line height of captions on screens smaller than 768px

    Regards,
    Yigit

    September 23, 2016 at 6:29 pm #690966
    missouriartscouncil

    I will try it, thanks!

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