Hover on mobile

  • Resolved blueswallow

    (@blueswallow)


    3 years ago

    Hello,

    I’m currently using the free version of this plugin.

    I scrolled through the threads in this forum and found someone asked a similar question a couple of years ago, so I’ll try again.

    The hover effect is perfectly fine on desktop, but on my iOS devices the hover effect doesn’t appear when touching (and holding, like you’re scrolling past), like it does on other sites I’ve visited.

    When I testes your own demos on my mobile devices the hover effect behaves like I want it to: https://imagehoverpro.blocksera.com

    Any help with that?

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Vijay

    (@vijaydj)

    Hi,

    The touch-end effect for mobile devices, this feature is under development for we haven’t completed yet.

    You may have checked that when we tested the code on our pro plugin demo site.
    We haven’t planned to add that feature to the plugin because we had many user experience issues with the effects.

    Thanks.

    Thread Starter blueswallow

    (@blueswallow)

    Okay, that’s a shame. I really think that’s an essential feature for a hover effect.

    While I have you here, I have a different question:

    I can’t seem to find the setting for changing transition time on the hover effect. You know, how long it takes for the text and background color to appear/transition. I believe I have changed this setting before.

    Thank you!

    The transition will take place in “.5s” duration, there are no configurable options to adjust it from the widget editor.

    if you wish you can try some custom CSS code like below, for example

    .elementor-element.elementor-widget-e_image_hover_effects .eihe-box *{
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    }

    Thanks.

    Thread Starter blueswallow

    (@blueswallow)

    Thank you!

    That did it:)

    Hello i have the same promblem but

    .elementor-element.elementor-widget-e_image_hover_effects .eihe-box *{
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    }

    doesnt’ work

    can you help me ?

    Hi @lucasruetsch,

    Please share a related URL to test that, we can assist you better if you could test the issue live.

    Thanks.

    Hey @vijaydj thanks for you answer

    https://acspcm.ovh/index.php/sections-culturelles/

    We have the hover on this page but on mobile that doesn’t work.

    Hi @lucasruetsch,

    The CSS code is to reduce the transition time for the effect, this isn’t the solution to bring the hover effect to mobile, please read the thread completely.

    On mobile, the effect can be revealed by a click.

    Thanks.

    And there is no solution yet for mobile ?

    Thanks.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Hover on mobile’ is closed to new replies.

Tags