Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 31, 2016 at 1:16 am #640646
    Wildwood

    We have captions required on one gallery, and on tablet and mobile, the captions cover the image.

    On full-screen, the caption appears on hover.

    Is there code to place the caption below the image, or activate on click?

    Any other suggestions/options?

    Thank you!

    June 1, 2016 at 4:20 am #641169
    Ismael

    Hey Wildwood,

    Thank you for using Enfold.

    Set the masonry’s Element Captions > Element Title and Excerpt display settings to display on hover. Or use css media queries to hide the caption container on mobile view. They can still see the image description inside the lightbox container.

    Best regards,
    Ismael

    June 1, 2016 at 4:52 am #641188
    Wildwood

    Hi Ismael,

    You must NOT have viewed the site. It is set EXACTLY as you have listed in your reply. In mobile, the hover does not work.

    Please assist.

    Thank you!

    June 2, 2016 at 6:14 am #641846
    Ismael

    Hi,

    I’m sorry if I didn’t explain it clearly. We actually checked the site yesterday and we enabled the “always display” option temporarily. We reverted it back to the default settings afterwards. Now, our suggestion is to hide the caption container on mobile if the “always display” option is enabled. Is that OK with you? The content is still available in the lightbox view. If yes, add this in the Quick CSS field:

    @media only screen and (max-width: 767px) {
.av-inner-masonry-content {
    display: none !important;
}
}

    Best regards,
    Ismael

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