Navigation folder link not clickable in 7.1

Site URL: https://www.andrewmarston.com/design

I put a folder titled "Photo" into the my navigation, however the main nav item "Photo" is not clickable. The odd thing is that in the inspector there appears to be an anchor tag in the code pointing to a link that redirects to the correct page. Does anyone know how to fix this? (screenshots attached)

URL: https://www.andrewmarston.com/design

Thanks!

Add to Code Injection Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  $('.header-nav-folder-title[href="/photo-top"]').click(function() {
    window.location = "https://beaverhero.com";
});
</script>

Thank you so much for this tuanphan. Can you explain how to do this on multiple navigation tabs?

56 minutes ago, WillH said:

Thank you so much for this tuanphan. Can you explain how to do this on multiple navigation tabs?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  $('.header-nav-folder-title[href="/photo-top"]').click(function() {
    window.location = "https://beaverhero.com";
});
    $('.header-nav-folder-title[href="/photo-top"]').click(function() {
    window.location = "https://beaverhero.com";
});
    $('.header-nav-folder-title[href="/photo-top"]').click(function() {
    window.location = "https://beaverhero.com";
});
</script>

replace /photo-top with other page slugs

9 minutes ago, tuanphan said:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  $('.header-nav-folder-title[href="/photo-top"]').click(function() {
    window.location = "https://beaverhero.com";
});
    $('.header-nav-folder-title[href="/photo-top"]').click(function() {
    window.location = "https://beaverhero.com";
});
    $('.header-nav-folder-title[href="/photo-top"]').click(function() {
    window.location = "https://beaverhero.com";
});
</script>

replace /photo-top with other page slugs

You are my hero!

On 3/26/2020 at 9:46 AM, tuanphan said:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  $('.header-nav-folder-title[href="/photo-top"]').click(function() {
    window.location = "https://beaverhero.com";
});
    $('.header-nav-folder-title[href="/photo-top"]').click(function() {
    window.location = "https://beaverhero.com";
});
    $('.header-nav-folder-title[href="/photo-top"]').click(function() {
    window.location = "https://beaverhero.com";
});
</script>

replace /photo-top with other page slugs

This is EXACTLY what I was looking for. You're amazing. Thanks!!

On 3/3/2020 at 6:41 AM, tuanphan said:

Add to Code Injection Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  $('.header-nav-folder-title[href="/photo-top"]').click(function() {
    window.location = "https://beaverhero.com";
});
</script>

 

This worked GREAT! THANK YOU!

...and I know I may be pushing my luck, but is there anyway to make this work for mobile too?

On 4/15/2020 at 11:29 PM, kimberlee said:

This worked GREAT! THANK YOU!

...and I know I may be pushing my luck, but is there anyway to make this work for mobile too?

Can you share link to your site?

Yep. It's www.grandcoevents.com. 

Thanks! 

15 hours ago, kimberlee said:

Yep. It's www.grandcoevents.com. 

Thanks! 

edit above code to

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  $('.header-nav-folder-title[href="/vendors-1"], .container.header-menu-nav-item [href="/vendors-1"]').click(function() {
    window.location = "https://beaverhero.com";
});
</script>

Awesome! Thanks