Link to an external page does not work

Question

In the page menu www.wrccdesign.com.br, the link BLOG which is an external link that should lead to another page, does not work, that is, when clicking anything happens. I’d like to know how to solve the problem. I did some tests, and from what I noticed a JS is affecting the functionality.

Answer 1

This function of yours is blocking:

$('.templatemo-top-menu .navbar-nav a').click(function(e){
    e.preventDefault(); 
    var linkId = $(this).attr('href');
    scrollTo(linkId);
    if($('.navbar-toggle').is(":visible") == true){
        $('.navbar-collapse').collapse('toggle');
    }
    $(this).blur();
    return false;
});

Notice, when you use the e.preventDefault(); it prevents the event of click be continued. You have several ways to solve this problem, I think the best would be to specify the links you want to call this function, as follows:

Add the class inpage for all menus that scroll on the page:

<a href="#templatemo-about" class="inpage">SOBRE</a>

Those who will open externally you leave as it is:

<a href="http://www.wrccdesign.com.br/blog/" target="_blank">BLOG</a>

And then add an . Inpage at the end of your function selector:

$('.templatemo-top-menu .navbar-nav a.inpage')