Hover text for mobile?

Forum|Forum|8 years ago
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!

Marketo

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.

R

rachel2-2

Level 8

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

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.

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.

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.

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!

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded