Jump to content

Navigation folder link not clickable in 7.1

Recommended Posts

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!

Capture.JPG

Capture2.JPG

Link to comment

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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 4 weeks later...
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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!

Link to comment
  • 2 weeks later...
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!!

Link to comment
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?

Link to comment
  • 2 weeks later...
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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.