WordPress menu problem on mobile devices

Hi ,
it's hard to explain my problem but i will try to be very explicit :
My website is http://candleonlinestore.co.uk
on mobile devices there is a button "Menu " .When you click this button the menu will expand showing primary and sub-menus .
The issue is that the sub-menu doesn't load on first tap on the link, but just the second tap will open the link .
Is there someone who knows what the problem could be ?

Thank you very much

 

Because I am not going to dig through two-and-a-half MEGABytes of scripts, almost 500 KBytes of stylesheets, not to mention all the two bag, coyote ugly inlined and embedded style and script elements, I make as a first prior guess that your script controlling the menu button is loaded and evaluated before there is a DOM to work against. The first touch re-initializes the event handler and the second touch is actually handled.

There is a reason a lot of people put their initialization scripts immediately before closing the body tag. It's not a good reason, but it works. The better way, the unobtrusive way is to have a script with an onload event handler to loop through a list of init functions.

gary

 

Thank you for your response .
I will try to dig out even if I don't know where to start .
If someone else has an opinion ill be very thankful .
Cheers guys

 

The problem is Wordpress (or turdpress). This code for the menu is insane:

<nav id="http://candleonlinestore.co.uk/candle-shop">Candle shop</a></li><li id="http://candleonlinestore.co.uk/product-category/carved-candles">Carved candles</a><ul class="http://candleonlinestore.co.uk/product-category/carved-candles/wedding-candles">Wdding Canldes</a></li><li id="http://candleonlinestore.co.uk/product-category/carved-candles">Christening candles</a></li><li id="http://candleonlinestore.co.uk/product-category/carved-candles/large-carved-candles">Large decorative candles</a></li><li id="http://candleonlinestore.co.uk/product-category/carved-candles/medium-carved-candles">Medium decorative candles</a></li><li id="http://candleonlinestore.co.uk/product-category/carved-candles/small-carved-candles">Small decorative candles</a></li><li id="http://candleonlinestore.co.uk/product-category/carved-candles/large-floral-candles">Large floral candles</a></li><li id="http://candleonlinestore.co.uk/product-category/carved-candles/small-floral-candles">Small floral candles</a></li></ul></li><li id="http://candleonlinestore.co.uk/product-category/candles">Scented Candles &#038; Accessories</a><ul class="http://candleonlinestore.co.uk/product-category/candles/jar-candles">Jar candles</a></li></ul></li></ul></nav><!-- /#navigation -->

Code (markup):

Where it should be something like:

<ul id="mainMenu">
  <li><a href="#">...</a></li>
  <li><a href="#">...</a></li>
  <li><a href="#">...</a></li>
   ...
</ul>

Code (markup):

Please, read this:

http://cutcodedown.com/article/progressive_enhancement
http://cutcodedown.com/article/HTML_CSS_and_JS_frameworks

 

please make it responsive... if you want you can get more help from there...

https://www.fiverr.com/mdrakibul185/fix-any-wordpress-bug

 

It is responsive.

 

Please PM me your wp admin login and FTP details, i will fix it. Thank you