solution for hover on touch screen


InMotionFans
n/a Points
Asked:
2013-11-29 5:48 pm EST

Hits: 687
Do you have any suggestions for how to handle hover on touch screens. hilmarholyrosary.org is the one of the sites I'm having issues with.

You must login before you can ask a follow up question.

You must login before you can submit an answer.

OTHER ANSWERS

0

JacobIMH
Staff
9,968 Points
2013-11-29 6:17 pm EST
Hello and thanks for the great question.

Unfortunately there isn't a simple quick-fix for having a menu with links that relies on the hover functionality of the mouse to suddenly also work with touch screen devices.

Some larger touch screen devices such as a tablet might have functionality built in where a single long tap is treated as a hover, but not all of them are going to do this, and most mobile phones will not either.

This is when more complex methods of creating a responsive web design would be important. That way your site can detect what type of device it's being viewed on, and then adjust accordingly to make your site navigable on that device.

The @media (hover) media query should let your site detect if the device viewing it is capable of hovering. Then you could swap out some CSS rules to make your menu clickable instead of hoverable, or you could just make it so your menu always works on clicks instead of hovers.

Here is a pure CSS drop-down menu when clicked that I found that might lead you in the right direction.

Please let us know if you had any further questions at all.

- Jacob

You must login before you can post a comment about this answer.

Like this Question?

Related Articles

It looks like there are no related articles.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!