Add mobile class to html tag for mobile devices along with the mobile type if known

iOSclass

// adds mobile class, and mobile os to html tag
jQuery(document).ready(function($){
  var deviceAgent = navigator.userAgent.toLowerCase();
  
  if (deviceAgent.match(/(iphone|ipod|ipad)/)) {
    $('html').addClass('ios');
    $('html').addClass('mobile');
  }
  
  if (deviceAgent.match(/android/)) {
    $('html').addClass('android');
    $('html').addClass('mobile');
  }
  
  if (deviceAgent.match(/blackberry/)) {
    $('html').addClass('blackberry');
    $('html').addClass('mobile');
  }
  
  if (deviceAgent.match(/(symbianos|^sonyericsson|^nokia|^samsung|^lg)/)) {
    $('html').addClass('mobile');
  }
  
});