Mobile Menu – links

Hey Marsha,

Thank you for using Enfold.

This is the default behaviour of the parent menu item when you hide the sub menu items. We can add a link beside the “parent menu item” but I’m not sure if you will like it. Add this in the functions.php file:

// add go to link
add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
?>
<script>
(function($){
	var $html = $('html');

	$('#mobile-advanced .menu-item-has-children.menu-item-top-level > a').each(function() {
		$(this).append('<span class="mega-goto-link">Go to this page</a>');
	});

	$html.on('click', '.mega-goto-link', function() {
		var href = $('.mega-goto-link').parent('a').attr('href');
		window.location.href = href;
	});
})(jQuery);
</script>
<?php
}

And the following code in the Quick CSS field:

.mega-goto-link {
font-size: 11px;
position: absolute;
right: 50px;
cursor: pointer;
}

@media only screen and (min-width: 989px) {
  .mega-goto-link {
    display: none;
  }
}

Best regards,
Ismael

Hi,

We modified the code a bit. Please check it now.

Best regards,
Ismael

Hi,

@702arts: Please go to the Enfold > Main Menu > Burger/Mobile Menu panel then set the “Menu Icon Submenu items” settings to the first option. This will display every menu items including the sub items.

Best regards,
Ismael

Hi,

Yes, it is. Please make sure that the mega menu columns are not empty. They need to contain at least one sub menu item. If you’re still having issue with it, please create a new thread. We’ll check it there.

Best regards,
Ismael