Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 2, 2017 at 3:15 pm #728624
    quedito

    In the elements of masonry of the portfolio have selected show with mouse over, this ok on PC, but in mobile is see all dimmed images with the title . the single title can appear when I select it? I hope your response, many thanks!

    January 2, 2017 at 6:54 pm #728719
    quedito

    Thanks a lot! It worked perfect… I am waiting for another consultation that I sent them:

    #728624
    In the elements of masonry of the portfolio have selected show with mouse over, this ok on PC, but in mobile is see all dimmed images with the title . the single title can appear when I select it? I hope your response, many thanks!

    January 3, 2017 at 7:13 am #728864
    Ismael

    Hi,

    Thank you for using Enfold.

    I’m sorry but this is not possible because the caption or title container will only display on mouse hover. If you want to remove it on mobile, use this css code. 

    .avia_desktop .av-caption-on-hover .av-masonry-item-with-image .av-inner-masonry-content {
    display: none !important;
}

    Best regards,
    Ismael

    September 2, 2018 at 3:36 pm #1004641
    Vasilis

    Hi there,
    Is it possilbe to have the same effect on mobile. Display title and excerpt on mouse hover.
    i was also looking on the thread https://kriesi.at/support/topic/full-width-masonry-display-title-mouse-over-iphone-ipad/ but it did not work in the end.
    it either shows it or hides it.
    As there is no mouse hover I should probably ask if it would be possible to display on click. Maybe 1 click shows title and opens the post on a second click?

    thank you,
    Vasilis

    • This reply was modified 6 years, 2 months ago by Vasilis. Reason: Re thought what I wrote
    September 2, 2018 at 4:44 pm #1004663
    Mike

    Hi,
    As you point out there is no “hover” for touch devices, and in order to simulate this, or add touch events, will have to be done with jQuery. This would take some considerable script writing, which would be beyond or scope here. But I’m sure you can hire a freelancer on Upwork to do it for you reasonably. Here is a good starting point for the script.
    Another option would be to add a swipe event

    But if you just want to remove the overlay, this css is working in my tests:

    .avia_mobile .av-caption-on-hover .av-masonry-item-with-image .av-inner-masonry-content {
    display: none !important;
}

    I hope this helps.

    Best regards,
    Mike

    September 3, 2018 at 2:23 pm #1004976
    Vasilis

    Thank you for the tips Mike.
    I will have a look and probably will leave it as it is… I have too many categories and probably need title and excerpts to show in front of the preview image….
    thank you.

    September 3, 2018 at 3:16 pm #1005013
    Victoria

    Hi samvasgr,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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