CSS remove :hover on touch screen devices.css

/* 
 * http://www.javascriptkit.com/dhtmltutors/sticky-hover-issue-solutions.shtml 
 * Method 3- Using CSS Media Queries Level 4 Interaction Media Features
 */

@media (hover:none), 
(hover:on-demand) {
  nav a:hover { 
    /* suppress hover effect on devices that don't support hover fully */
    background: none;
  }
}