SOLVED

Re: Hover text for mobile?

Go to solution
Anonymous
Not applicable

Hover text for mobile?

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!

1 ACCEPTED SOLUTION

Accepted Solutions
Anonymous
Not applicable

Re: Hover text for mobile?

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.

View solution in original post

5 REPLIES 5
Rachel_Noble
Level 10 - Champion Alumni

Re: Hover text for mobile?

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

Anonymous
Not applicable

Re: Hover text for mobile?

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.

Anonymous
Not applicable

Re: Hover text for mobile?

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 - Champion Alumni

Re: Hover text for mobile?

: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.

Anonymous
Not applicable

Re: Hover text for mobile?

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!