This will add new classes to your menus triggered by click event. tell the default that you wish to not hover to have css of li:hover {display:none;}

jQuery(document).ready(function($){
    $('.nav-menu .menu-item-has-children').on("click", function(e){
			e.stopPropagation();
			if($(this).is("li")){
				if($(this).hasClass('opened')){
					$(this).addClass('closed');
				}else{$(this).removeClass('closed');}
				$(this).siblings().children('.sub-menu').removeClass('visible');
				$(this).siblings().removeClass('current-menu-parent opened');
				$(this).toggleClass('current-menu-parent opened');
				$(this).children('.sub-menu').toggleClass('visible');
			}
			else{
				if($(this).parent().hasClass('opened')){
					$(this).parent().addClass('closed');
				}else{$(this).parent().removeClass('closed');}
				$(this).parent().siblings().children('.sub-menu').removeClass('visible');
				$(this).parent().siblings().removeClass('current-menu-parent');
				$(this).parent().children('.sub-menu').toggleClass('visible');
				$(this).parent().toggleClass('current-menu-parent opened');
			}
	});