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:

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?

I would rather not have the mobile menu activated for tablets. So, in that case, I need to make the logo smaller for the tablet size or shrink a bit. Can you suggest something else, so that I don’t have to use the mobile menu for tablet size?

Thanks for your help. That sort of works. If the video is viewed on a mobile device or if the webpage is resized, the black bars move around because the container is not responsive.

How can the vimeo container be made responsive so that the black bars never appear?