Menu item with submenu not showing on mobile

I had the same issue with the pure and simple free theme and just fixed it by making the following edit to puresimple-extras.js. I replaced the commented out line with line below it. It looks to me like the toggle event was attaching to the menu item rather than the sub menu items, but I’m not sure if I have caused other issues with this change. I’ll monitor… seems to work so far.

// jQuery script for toggle menu
jQuery(function($) {
    
...

//		$(children_link_main).find('a').toggle(function(){
		$(children_link).find('a').toggle(function(){
			$(this).find('i').removeClass('fa-plus');
				$(this).find('i').addClass('fa-minus');
				$("ul.sub-menu li").show();
		},
		function() {
				$(this).find('i').removeClass('fa-minus');
				$(this).find('i').addClass('fa-plus');
				$("ul.sub-menu li").hide();
		});
...
});

• This reply was modified 3 years, 5 months ago by tvars.
• This reply was modified 3 years, 5 months ago by tvars.
• This reply was modified 3 years, 5 months ago by tvars.

Ok after reading a bit more in this forum, I also found that enabling “Enable jQuery Migrate Helper” plugin, then selecting “Legacy 1.12.4-wp” in the plugin config screen also fixes it, so I have reverted my change.

Thanks for that! Configured to use “Legacy 1.12.4-wp” it works for me too. Not sure why I didn’t spot the earlier thread that documents this. Must try harder…