Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 21, 2016 at 5:42 am #675187
    htm2112

    There seems to be some kind of problem with the mobile buttons for the social media shares. On my iPhone, I can click the F button to bring up the button “Share on Facebook”, but I cannot click the button. This behavior works fine on everything except a phone.

    You can try this yourself by going to http://hoverprotech.com/forest-hills-property/ and clicking on the Facebook share button. Most of time time, it will not work, but one in a great while, depending on how you tap the buttin, it brings up the facebook page with the post share.

    Can you have a look at this and recommend a solution?

    August 21, 2016 at 12:05 pm #675303
    Vinay

    Hey htm2112,

    I checked your site on android phone and the facebook share button works fine. Please confirm if this happens only on iPhone.

    Best regards,
    Vinay

    August 21, 2016 at 6:07 pm #675380
    htm2112

    It seems to only happen on iOS devices, but I have identified the source. When you click on the Facebook button on Android, it goes right to the Facebook share page. On iOS devices, clicking the Facebook button will first bring up the “Share on Facebook” tooltip. If you click the Facebook button a second time, it seems to work. But since a tooltip that reads “Share on Facebook” comes up, I was confused, thinking that was the actual button.

    Of course, clicking on the tooltip does nothing.

    Here is a photo of the action I was performing on an iPad: Image

    I am worried that others may have the same issue, thinking the “Share on Facebook” toolip is the actual button. It works great on a desktop as the tooltip lets the user know what will happen when they click on the F button, but on mobile, the tooltip makes it a little awkward. Interestingly enough, the tooltip does not show up on Android.

    Maybe the best resolution would be to disable the tootip on mobile devices. Is that possible?

    August 25, 2016 at 4:49 am #677313
    Ismael

    Hi,

    Please disable the tooltip with the following css code:

    @media only screen and (max-width: 767px) {
.av-share-link.av-social-link-facebook .avia-related-tooltip {
    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.