Mobile Menu Issues on pages with Draw Attention

Hello @digi2016,

I took a look at your page – I see a small correction that needs to be made in the JavaScript for the Corpus theme. I tested this out and it worked to correct the issue:

In main.js, line 701 currently looks like this:

$menuItem.find('.eut-arrow').on('tap click', function(){

And that should be changed to:

$menuItem.find('.eut-arrow').on('tap click', function(e){
				e.preventDefault();

I’m not sure at all why this would be tied to Draw Attention being on the page or not as our code is written in a way to minimize the potential for conflicts with other code and there’s nothing that we’re doing that should be interfering with the navigation menus.

You can pass that along to theme developers along with a short explanation: Basically, the JavaScript is listening for both a tap and click – unless the default is prevented, both actions fire on touch screens. So on a mobile screen when you tap to open a menu, a tap event fires to open it, but then a click event fires to close it immediately. But preventing the default will prevent the click event from firing on touch screen devices and the menu will work as intended.

Thanks Natalie, that seemed to solve the issue. I will pass along your information to the theme creators.

I was looking at this on mobile view in developer mode in FireFox and the tracing outlines were not lined up over the image sections, but I looked at it on my smartphone and it works perfectly! So, thank you very much!

Sincerely,

Todd Bradford

Hello @digi2016,

Great, I’m glad that worked out. Just let us know if you have any other issues.