Hover text for mobile? | Community
Skip to main content
August 25, 2017
Solved

Hover text for mobile?

  • August 25, 2017
  • 2 replies
  • 7027 views

Hi super-smart Marketo community. I'm trying to add a field with hover text to my form and everything's fine except for mobile. Can't seem to find any code that will make hover text appear on Android and iOS. Anyone have luck with this?

<span title="Hover text shows up here">Hover here to see additional information</span>

Thanks!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by

The :hover effect does not really work on mobile devices.

If you use :active selector in combination with :hover you can adjust hover state to become an onclick state in mobile according to w3schools as long as the :active selector is called after the :hover selector.

2 replies

Level 8
August 25, 2017

Sorry if this is a dumb question! But how does hover text work on touch-screen devices?

August 25, 2017

That's what I'm trying to figure out - if it's possible. I'm hoping there's some magic code where a long-touch or something will make it visible.

Accepted solution
August 28, 2017

The :hover effect does not really work on mobile devices.

If you use :active selector in combination with :hover you can adjust hover state to become an onclick state in mobile according to w3schools as long as the :active selector is called after the :hover selector.

Dan_Stevens_
Level 10
August 28, 2017

:hover also is not supported in Outlook.  We were trying to include some functionality in an email to give recipients the ability to rate one of our programs.  A common technique is this one: https://codepen.io/jamesbarnett/pen/vlpkh.  But unfortunately, this didn't work in Outlook.

August 28, 2017

Thanks, Dan. We were looking to do this in a form, but we're going to have to go a different route.

Thanks for your reply!