Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 6, 2018 at 1:29 am #893920
    goldengate415

    I’ve started using the social sharing element in ALB and it works great on desktop.
    However, on mobile, when you press a button like “f” to share to facebook, instead of directly sharing it, a little pop-up appears which says “share to facebook” and then you have to click on the “f” again to actually share. If you click on the pop up, nothing happens.

    So essentially, you have to double tap the button on mobile to get it to share, vs. single tap on desktop.

    Is there a way to change this behavior?

    Thanks
    Rob

    January 6, 2018 at 6:29 pm #894161
    Mike

    Hey goldengate415,
    I have tried to recreate this issue on a Windows desktop & Android mobile at Social Share Button Element but they both behave the same. Does this element behave the same for you? What devices are you using?

    Best regards,
    Mike

    January 6, 2018 at 6:30 pm #894162
    goldengate415

    Hi Mike!

    I’m using an iPhone X (maybe the notch is causing it, ha ha).

    Should work fine on desktop as the pop up “Share on Facebook” step only occurs on mobile.

    Thanks!
    Rob

    January 6, 2018 at 6:33 pm #894166
    goldengate415

    ps here’s a screen shot of the little box that pops up on mobile:

    https://ibb.co/i59OsG

    January 6, 2018 at 7:56 pm #894184
    Mike

    Hi,
    That is the tooltip for the button, which doesn’t have a click action. On a desktop it is the on-hover action, on mobile it shows on the button click but after the new window opens in the foreground. Essentially the tooltip does nothing.
    So I understand that on iPhone X, clicking the share button is not opening a new window to share, but double tapping will open the new window?
    Does the iPhone X typically block popups? Is there a popup blocker setting?
    Try this code in the General Styling > Quick CSS field:

    .av-share-box .avia-related-tooltip {
  display: none !important;
}

    Best regards,
    Mike

    January 16, 2018 at 8:57 am #897938
    goldengate415

    That fixed it, thanks!

    I would also like to disable the tool tips on mobile ONLY for “Image with Hot Spots” as it does the same thing on mobile… the image loads, you click the hot spot, the tool tip displays, and you have to click again. That’s a double click and I would prefer that one tap to a hot spot on mobile go to the link for that hotspot.

    Is it possible to disable tool tips for mobile only on images with hot spots?

    Thanks!

    Rob

    January 16, 2018 at 10:58 am #897969
    Mike

    Hi,
    For mobile the tooltips should be displaying below the image, as in this demo example:
    2018-01-16_034338
    But the tooltips do show for tablet, assuming that is what meant, I wrote this to work up to tablets:

    @media only screen and (max-width: 990px) { 
.avia-tooltip.avia-tt {display:none!important;}
}

    If not, you can adjust the max-width to suit.

    Best regards,
    Mike

    January 16, 2018 at 6:00 pm #898085
    goldengate415

    Thanks for your response, but after clearing server and browser cache the tooltips are still showing and require a double tap to activate a hot spot on mobile.

    You can see it in action on this page, scroll way down under “Marin County Map” please:

    http://www.thomashenthorne.com/marin-county/

    Thanks!
    Rob

    January 17, 2018 at 1:10 am #898251
    goldengate415

    There still must have been some caching going on… I checked several hours later and it’s working great, thanks! OK to close thread.

    January 17, 2018 at 3:07 am #898266
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Change behavior of sharing buttons on mobile to be like desktop?’ is closed to new replies.