Nav menu link not working

[braderz31]

Hi

I've been tearing my hair out with this issue. One of sites went live this morning and for some reason two of the links on the nav menu are not working. If you right click and open the link in a new window, they are fine - they are just not clickable from the homepage. The links even work fine when from the inner pages themselves, just not on the homepage.

I don't think it's a permalink issue because I've done all the necessary cache clearing etc and it still doesn't work.

Here is the site... it's the Blog and Donate button that does not work.

I'm guessing there might be a div container or an element blocking the click through maybe?

Any help is much appreciated

Thanks

Brad

http://bare7x7challenge.org.uk/

[Victor Font]

It looks like you fixed the problem? The Blog and Donate links work fine.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[braderz31]

Hi Victor - thanks for checking.

Bizarrely, I couldn't get those last two links working at all. I had to include a javascript snippet in the responsive-menu.js file to 'make' it work.

I'm annoyed I had to hack it but I was running out of time.

This is what I did in case anyone has this issue

jQuery(".responsive-menu > .menu-item").click(function(event){
		if (event.target !== this) {

	    	var clickedUrl = event.target.href;
	    	clickedUrl = clickedUrl.split('#')[0]

	    	var currentUrl = window.location.href;
	    	currentUrl = currentUrl.split('#')[0]

	    	if (clickedUrl !== currentUrl) {
	    		var t = event.target.getAttribute("target");
	    		if (t == "_blank") {
	    			if (window.location.pathname == '/') {
	    				window.open(clickedUrl);
	    			}
	    		} else {
	    			window.location.assign(clickedUrl);
	    		}
	    	}
	    
			return;
		}

		jQuery(this).find(".sub-menu:first").slideToggle(function() {
		jQuery(this).parent().toggleClass("menu-open");
		});
	});

[Author]

Posts