меню Выпадающее мерцающий над ползунком, только на Chrome для Android

Question

Я довольно новыми для всего этого, так извинениями, если это глупый вопрос:

У меня есть Magento сайт, расположенный здесь: http://www.thisisnotavegetable.com Он использует отзывчивым дизайн, а при отображении в браузерах шириной в килобайтах верхнее меню становится раскрывающимся списком с поддержкой javascript.

Все это работает отлично, за исключением домашней страницы (где она загружается через слайдер с поддержкой javascript) и только в Chrome для Android. В этом браузере выпадающие мигания и текст ссылки не отображаются. Я предполагаю, что это проблема jQuery, но я недостаточно продвинутый, чтобы понять это.

Любая помощь очень ценится! Alex

Ниже приведен jQuery для выпадающего списка (я думаю). Ползунок - ioSlider. Я надеюсь, что кто-то может мне помочь, не глядя на этот jQuery, потому что он неформатирован, и лицензия говорит, что я не должен публиковать его.

if (jQuery('#categories-accordion').length){ 
    jQuery('#categories-accordion li.level-top.parent ul.level0').before('<div class="btn-cat"><div class="inner"></div></div>'); 
    if(mobileDevice == true){ 
     jQuery('#categories-accordion li.level-top.parent').each(function(){ 
      jQuery(this).on({ 
       click: function(){ 
        if(!jQuery(this).hasClass('touched')){ 
         jQuery(this).addClass('touched closed').children('ul').slideToggle(200); 
         clearTouch(jQuery(this)); 
         return false; 
        } 
       } 
      }); 
     }); 
    }else{ 
     jQuery('#categories-accordion li.level-top.parent .btn-cat').each(function(){ 
      jQuery(this).toggle(function(){ 
       jQuery(this).addClass('closed').next().slideToggle(200); 
      },function(){ 
       jQuery(this).removeClass('closed').next().slideToggle(200); 
      }) 
     }); 
    } 
} 

Answer 1

Было бы здорово, если бы вы могли опубликовать Jquery код :)

Мерцание может быть решена за счет использования аппаратного ускорения. Вы можете заставить браузер использовать аппаратное ускорение, добавив «-webkit-transform: translateZ (0);» в класс css мобильного меню.

 mobileMenu { 
      ... 
      -webkit-transform: translateZ(0); 
      }