Function for detecting touch device and adding class to menu items when clicked with touch device.

desktopmenutouch.js

function is_touch_device() {
  var prefixes = ' -webkit- -moz- -o- -ms- '.split(' ');
  var mq = function(query) {
    return window.matchMedia(query).matches;
  }

  if (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch) {
    return true;
  }

  var query = ['(', prefixes.join('touch-enabled),('), 'heartz', ')'].join('');
  return mq(query);
}

var isTouch = is_touch_device();
  if(isTouch) {
    $(".menu-item-has-children").click(function(e) {
      if(!$(this).hasClass("mobile-touch")){
        e.preventDefault();
        $(".menu-item-has-children").removeClass("mobile-touch");
        $(this).addClass("mobile-touch");
      } else {
        return true;
      }
    });
  }