Почему событие hover мешает на мобильном?
Можно и нужно реализовать на css.  что-то вроде .menu .child-block{
    display:none;
}
.menu:hover .child-block{
    display:block;
}
Конкретно по вашей проблеме - можно определять телефон это, либо нет, после чего подменять событие hover на событие click на тачскринах. Но проще и правильнее действовать первым вариантом
оберните ваш обработчик hover в $( document ).ready(function() {      
    var isMobile = window.matchMedia("only screen and (max-width: 760px)");

    if (isMobile.matches) {
        сюда код hover
    }
 });