Note that there are some explanatory texts on larger screens.

plurals
  1. PODropdown menu flickering over slider, only on Chrome for Android
    primarykey
    data
    text
    <p>I'm pretty new to all this, so apologies if this is a dumb question:</p> <p>I've got a Magento site located here: <a href="http://www.thisisnotavegetable.com" rel="nofollow">http://www.thisisnotavegetable.com</a> It uses responsive design, and when displayed on mobile-width browsers, the topmenu becomes a javascript-enabled dropdown. </p> <p>This all works fine, except on the home page (where it is loading over a javascript-enabled slider), and only on Chrome for Android. On that browser, the dropdown flickers and link text won't display. I assume this is a jQuery issue, but I'm not advanced enough to figure it out.</p> <p>Any help is much appreciated! Alex</p> <p>Below is the jQuery for the dropdown (I think). The slider is ioSlider. I hope someone can help me without needing to see that jQuery, because it's unformatted and the license says I'm not supposed to post it.</p> <pre><code>if (jQuery('#categories-accordion').length){ jQuery('#categories-accordion li.level-top.parent ul.level0').before('&lt;div class="btn-cat"&gt;&lt;div class="inner"&gt;&lt;/div&gt;&lt;/div&gt;'); 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); }) }); } } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload