Couple of links not working inside a sticky Navigation Menu

Question

This is the website, http://girleducationproject.com/tempfile.html[1] The links in the navigation are all to anchors within the page except for the donate button and the donate link. Clicking these two doesn't work but if right clicked they give the option to open link in new tab. Please Advise. Thanks

Answer 1

The problem is that you have bound a click event to all navigation items via onePageNav plugin.

In your main.js add a filter in your navigation function:

// One Page Navigation
Navigation: function () {
    $('#menu').onePageNav({
        currentClass: 'current',
        scrollSpeed: 500,
        scrollOffset: 60,
        scrollThreshold: 0.2,
        easing: 'swing',
        filter: ':not(.external)' // <-- ADD THIS LINE
    });
},

Then, add a "external" class to your external links. Should solve it.

Another example is found in the docs (see Filter Example ): https://github.com/davist11/jQuery-One-Page-Nav#filter-example