Hover text for mobile?

5 replies
7027 views
Translate

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!

Marketo

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

Accepted solution

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.

A

Anonymous

Accepted solution

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.

Translate

Dan_Stevens_

Level 10

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

Translate

A

Anonymous

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!

Translate

R

rachel2-2

Level 8

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

Translate

A

Anonymous

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.

Translate

Sign up

Login with SSO

Login to the community

Login with SSO