[Nancy]

Windows 8 & Win 8.1
Lenovo Tablet 2
Acer Touch screen laptop
IE 11 and Full Screen browser
Site: http://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?

[Sakin]

@Nancy: Yes you can add the following JS file in “Appearance => Theme Options => Webmaster Tools => Header and Footer Codes => Code to display on Footer”

<script type="text/javascript">
// Open menu on first tap on touch devices.
jQuery(document).ready(function () {
	jQuery(".menu-item").has("ul").children("a").attr("aria-haspopup", "true");
});
</script>

[Nancy]

Thank you! That seems to work great on my Windows devices.

The Giving menu that has a landing page (rather than an empty link) isn’t dropping down on my Android devices. Not sure if it is all browsers or just a couple of them. I’ll do more testing tomorrow. If it is too difficult to make it work everywhere, I can move that content to another page and make the top level menu just a place holder.

[Nancy]

On Android, the Giving menu drops down but I can’t select any of the items. seems true on all the broswers I tried.

[Author]

Posts