CMS Development

vjenck
Participant

Links in the custom Header navigation bar not working

SOLVE

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.

 

 

0 Upvotes
1 Accepted solution
JasonRosa
Solution
HubSpot Employee
HubSpot Employee

Links in the custom Header navigation bar not working

SOLVE

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. 

View solution in original post

0 Upvotes
3 Replies 3
ashleyidesign
Top Contributor | Partner
Top Contributor | Partner

Links in the custom Header navigation bar not working

SOLVE

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.

0 Upvotes
vjenck
Participant

Links in the custom Header navigation bar not working

SOLVE

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

0 Upvotes
JasonRosa
Solution
HubSpot Employee
HubSpot Employee

Links in the custom Header navigation bar not working

SOLVE

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. 

0 Upvotes