Docs

[shughesd]

Hello,

I’ve read quite a bit on this, and feel like I’ve made this work in the past, but maybe I’m imagining things.

I have a mostly single page site, and want my main nav links as anchors to sections of the home page. However, I do have internal pages that the content on the home page links to – but when you click on the menu items it doesn’t take you back to the homepage section (content block), even though I have entered the full path. eg: http://janecullinanflowers.com/#contact

Is there a way to do this from internal pages on the menu items.?

Thank you.
The site is http://janecullinanflowers.com

[shughesd]

Also (sorry) I can’t figure out why, when on the homepage, 3/5 of the menu items are permanently on the hover/active state.

[Nabeel A]

Hi there,

I checked your navigation links and they work fine except for contact page because you’ve wrong URL for this tab http://janecullinan.com/#contact please correct it to http://janecullinanflowers.com/#contact.

To fix the active links issue, 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!

[Author]

Posts