How to disable hover effect on all mobile devices as it starts with any swipe

  • Resolved holgerkuxdorf

    (@holgerkuxdorf)


    1 year, 6 months ago

    Any swipe on a mobile device at first evokes a hover effect, so it always starts the hover effect. I think nobody wants this, so there will be a simple method to prevent this behaviour.
    I would appreciate to get an easy way within the plugin or the block (group) around the plugin as I’m not that familiar with adding css to my own homepage.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter holgerkuxdorf

    (@holgerkuxdorf)

    Perhaps I should add that on mobile devices a simple touch should evoke the funktionality behind the hover effect.
    Or in other words: when I swipe on a mobile devices the first touch of the screen should not be interprete as a touch, but as the starting point of a swipe.

    Plugin Author biplob018

    (@biplob018)

    Hi @holgerkuxdorf

    After checking your website maybe you want mobile touch functionality into your website.

    For this issue, we added mobile settings under the age of the setting named “mobile touch behavior”. You can change it to the first click option. Hope your touch issues are reliable with this feature.

    Thread Starter holgerkuxdorf

    (@holgerkuxdorf)

    I’m not sure if I found the option you mentioned…
    /Image Hover/Settings/Mobile or Touch Device Behaviour/…

    Yes= problems as I mentoned above -> any swipe always evokes hover effect

    No= a ‘touch & hold’ is necessary to get hover effect. Common users will not now this.

    Is it really wanted that this pretty unknown ‘touch & hold’ is necessary or is there a small bug within the plugin and a single touch should be enough to evoke hover effect and get more Details as in my user-case.
    Or did I not really find the option you addressed.

    Thread Starter holgerkuxdorf

    (@holgerkuxdorf)

    perhaps this Information helps to find the problem for developers:
    with the mentioned option ‘Mobile or Touch Device Behaviour’=no the behavour is different in several mobile browsers on iPhone:

    1. mobile safari -> touch & hold for 2 seconds is necessary for hover effect ->bug?
    2. mobile chrome -> single touch is enough -> perfekt!!!
    3. mobile firefox -> any swipe starts hover effect -> bug?
    4. mobile edge -> any swipe starts hover effect -> bug?

    Plugin Author biplob018

    (@biplob018)

    Hi @holgerkuxdorf

    Our Image hover animation comes with the CSS3 property. Some browsers can’t support it we checked your website on iPhone and Android phones and it’s working correctly,

    Please share some videos so we can upgrade those issues to the next version as soon as possible.

    Plugin Author biplob018

    (@biplob018)

    This thread has been inactive for a bit, so I’m going to mark it as Resolved now. Please feel free to open a new one if you have any further questions.

    Cheers!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to disable hover effect on all mobile devices as it starts with any swipe’ is closed to new replies.