Jump to content

CSS Tooltip not working on mobile (ios)


Recommended Posts


I have successfully installed https://www.w3schools.com/css/css_tooltip.asp specficially the arrow-bottom version https://www.w3schools.com/css/tryit.asp?filename=trycss_tooltip_arrow_bottom

It is working perfectly on desktop, but it does not work at all on my iphone. When you tap, nothing happens.

When I access the w3schools examples directly from the w3schools website, it works fine on the phone. When I tap on the tooltip, the tooltip appears. When I tap off the tooltip, the tooltip disappears.

But even when I just copy the out-of-the-box code, unaltered, from https://www.w3schools.com/css/tryit.asp?filename=trycss_tooltip_arrow_bottom onto a page on my server, with nothing else on the page, tapping the tool tip doesn't do anything.

Any advice?

Thank you!


Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...