Windows 8.1 Tablet Menu Issues
Windows 8 & Win 8.1
Lenovo Tablet 2
Acer Touch screen laptop
IE 11 and Full Screen browser
Site: www.sacredheart.org/School
Using touch, I can not get the menus to drop down. I've tried the following in the navigation tag: <span onClick="return true">About SHS</span>. This made my submenus appear in android but didn't help in this case.
Works with touch in Firefox & Chrome.
I did some googling and it looks like it's a common problem with touch not having hover events and items the following: aria-haspopup="true". I tried the code at the bottom of this post: http://blogs.msdn.com/b/notime/archive/2013/02/01/how-to-optimize-wordpress-popup-on-hover-menus-for-touch-devices.aspx
A workaround would be to add the following JavaScript code to the "footer.php" file just before the closing </body> tag:
<script>
// Open menu on first tap on touch devices.
jQuery(document).ready(function () {
jQuery(".page_item").has("ul").children("a").attr("aria-haspopup", "true");
});
</script>
and it seems to work if my top level menu is a page. Most of my top level menus are place holder links. Any ideas how I can make this work for the other items?