Highlight active menu

Hi,
Thank you for the link, I see that your two menu items are both getting marked as the “current page”, probably due to your menu structure. For this page which menu item do you want to be highlighted?
From your description above it sounds like you only have a couple of pages with this issue, if you link to each page and tell us which menu items should be highlighted we can provide some css to correct this.

Best regards,
Mike

Hi,
Thanks for your explanation, I wrote this script to check the URL hash and then remove the menu highlighting class from one of the menu items. So for the is work please add hashes to your two menu items, for the sub-menu item “la-manga-club” under “VIP Teaching Weeks” change the hash to #vip , for the sub-menu item “la-manga-club” under “TOS Teaching Weeks” change the hash to #tos .
There are no anchors for #vip or #tos so the page will load at the top, but this will tell us which menu item the visitor clicked to get to the page.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_landing_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
if (window.location.hash == '#vip'){
	setTimeout(function(){
	$("#top.page-id-497 #menu-item-6449").removeClass("current-menu-item");
	},300);
} else if (window.location.hash == '#tos'){
	setTimeout(function(){
	$("#top.page-id-497 #menu-item-1077").removeClass("current-menu-item");
	},300);
} else {}
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_landing_script');

Then clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry, above I described adding these as if you were using the “custom” menu items but you are actually using a standard menu item. So please replace the two menu items with custom menu items with the URL /la-manga-club#vip & /la-manga-club#tos

Best regards,
Mike

Hi,
Well it seems that when changing the menu items to custom it removes the highlighting, so I adjusted the menu and the script and it seems to be working now.
Please clear your browser cache and check.

The new script is:

function custom_landing_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
if (window.location.hash == '#tos'){
	setTimeout(function(){
	$("#top.page-id-497 #menu-item-1077").removeClass("current-menu-item");
	$("#top.page-id-497 #menu-item-6449").addClass("current-menu-item");
	},500);
} else {}
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_landing_script');

menu-item-1077 is the standard menu item that gets highlighted, menu-item-6449 is a custom menu item that doesn’t get highlighted but it adds the hash #tos to the URL that fires the script above.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike