Site icon Catch Themes

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?
Exit mobile version