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 & 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