[Kristin]

I would like to display only top level pages on tablets and phones. Anyone know the code edits I’d need to make?

This it’s this code I’d be overriding??
jQuery(“.menu-item”).has(“ul”).children(“a”).attr(“aria-haspopup”, “true”);

[Kristin]

You are amazing! I appreciate it!

[Kristin]

Thank you so much!!

[Kristin]

Hi there- I’m still trying to figure this out.
Anyone know js well enough to help?
I’m trying to only display the top-level pages of my “secondary navigation” when viewing on mobile devices?

[Kristin]

Or would it be this code from the allmenu.js file?

I understand that I would make a copy in my child theme and not touch the original files. Just don’t know js well enough to do that.

// Responsive Menu (Selectbox)
jQuery(function () {
jQuery(“.tinynav”).selectbox();
});

// Aria Haspopup for Touch Devices
jQuery(document).ready(function () {
jQuery(“.menu-item”).has(“ul”).children(“a”).attr(“aria-haspopup”, “true”);
});

[Kristin]

Ok, thanks. That’s a bit beyond me. Is this the code I’d be touching? Any help would be appreciated!

// Responsive Menu (TinyNav)
jQuery(“#hgroup-wrap .menu”).tinyNav({
‘active’ : ‘current-menu-item’, // String: Set the “active” class
header: ” // String: Specify text for “header” and show header instead of the active item
});

// Responsive Menu (Selectbox)
jQuery(function () {
jQuery(“.tinynav”).selectbox();
});

// Aria Haspopup for Touch Devices
jQuery(document).ready(function () {
jQuery(“.menu-item”).has(“ul”).children(“a”).attr(“aria-haspopup”, “true”);
});

[Author]

Posts