Docs

[Jacqueline B]

Hi,
I have been trying to figure out what is happening with my menu. I have a mix of one-page links and other pages. My issue is that if I choose FAQs for example, both links in the menu (Treatment types and FAQs) are highlighted and I only want the one link that is chosen to be highlighted. I played around with the path in the custom links. If I just do #types instead of http://www.613physio.com/2016/#types then if I am on another page like Pricing, the Treatment type link does not work. I have another section that I will be adding to the home page and would like to resolve this first before I continue.

Here is the link: http://www.613physio.com/2016/

Thank you so much for your awesome support!

Jacqueline

[Nabeel A]

Hi Jacqueline,

Please add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery(document).ready(function($){
	$('.x-nav li').each(function(){
		$(this).removeClass('current-menu-item');
	});
	
	$('.x-nav li').click(function(){
		$('.x-nav li').each(function(){
			$(this).removeClass('current-menu-item');
		});
		$(this).addClass('current-menu-item');
	});
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[Jacqueline B]

Hi,
Thank you for this. It partially worked in that the two links are no longer active but now nothing is showing as active. I have tested the changed in Firefox, Chrome and IE.

Would you have another solution?

Thank you.
Jacqueline

[Lely]

Hi Jacqueline,

Would you mind providing us with login credentials so we can take a closer look on your settings? We should have 2 menus on Appearance > Menu. One with relative URL like /#types and one with absolute URL. The menu with relative URL should selected under Homepage Settings > One Page Navigation dropdown. To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[Jacqueline B]

This reply has been marked as private.

[Lely]

Hi Jacqueline,

For one page navigation with other pages to work, we need two menus. One menu will be for the page that is using with One Page Navigation and one (primary menu) for the rest of the site. The menu for your One Page Navigation page will have relative links (e.g, #types) and the primary menu will have absolute links (e.g., http://www.613physio.com/2016/#types).

For One Page Navigation page, you can select the menu under Settings > X Settings > One Page Navigation in the Cornerstone (see: http://prntscr.com/7fp3ni).

For more detail, you can review our knowledge base article on One Page Navigation. Set the 2 menu first and then do let us know how it goes.

[Jacqueline B]

Thank you Lely for the fantastic explanation of the two menus. I understand now.

I applied what you suggested and it didn’t change the other link states but then I removed the JavaScript and now it is working perfectly!!!

Thanks so much for your excellent support.

Jacqueline

[Lely]

You’re welcome Jacqueline!

Cheers!

[Author]

Posts