Links in the custom Header navigation bar not working

[vjenck]

We launched our new website (Wordpress) last night, the custom header looks great but the links of navigation bar are not working. The rollovers work but nothing happens on click except for the logo in the center and the link to the HubSpot blog (which does not have child links).
I can do a right click and open the pages, which means the URLs are correct, but I cannot direct click down.

[ashleyidesign]

Are you referring to the header on your WordPress site? If so, I would recommend contacting the developer of your WordPress theme. If you're having an issue in HubSpot, then please link to the site so that I can take a look.

[vjenck]

It is  the nav bar in HubSpot, you can see the behavior at https://know.bishopfox.com/blog

The nav bar in wordpress works very well: https://www.bishopfox.com

[JasonRosa · Accepted solution]

Hey @vjenck it looks like the links aren't clickable because of this bit of JavaScript in your main JavaScript file: 

$('.hs-item-has-children').click(function(e){
  e.preventDefault();
  $(this).toggleClass('open');
});

Essentially the target element that gets clicked within the "hs-item-has-children" class is getting the preventDefault method attached to it (https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault) which prevents the default link click behavior.