How to link a folder title in navigation

Hi,

I have always used <a href="page-slug">page-title</a> in my folder navigation to create a direct link.
For some reason this has stopped working.

Does any know another work around for this? 

See:

Hi,

only thing I can come up with right now is this:

1. Put the page (page that you want to be linked with folder title) on the first place in to the folder.

2. Paste this code to "Custom CSS" and change only child number "3" to target specific folder that you want in your navigation menu.

.Header-nav div>:nth-child(3) {.Header-nav-folder :nth-child(1) {display: none !important;}}

 This works on Brine Family (TESTED) and few more I think but I haven't tested on others...

There were quite a few people running into the problem so here's a quick tutorial that should help. 🙂
 

@Vigasan I'm trying to implement this method in 7.1 with the following code (as outlined on your site):

Quote

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script> 
   $(document).ready(function() { 
     $('.header-nav-folder-title[href="/how-we-do-it"]').attr("href", "/how-we-do-it/our-process");
   }); 
</script> 

Once the code is in, hovering over the folder in my nav shows the path I want the folder to link to in the lower left corner of the page ("[my site]/how-we-do-it/our-process"), but clicking the folder doesn't perform any action . Any thoughts??

On 6/9/2020 at 4:56 PM, apelkhaz said:

@Vigasan I'm trying to implement this method in 7.1 with the following code (as outlined on your site):

Once the code is in, hovering over the folder in my nav shows the path I want the folder to link to in the lower left corner of the page ("[my site]/how-we-do-it/our-process"), but clicking the folder doesn't perform any action . Any thoughts??

 

Do you have a link to the website that I can take a look at?

This does not work for me either (in Squarespace 7.1) I noticed that your code is different in the video than it is in the text provided on your site. Could this be the problem?

1 hour ago, theresa.southern said:

This does not work for me either (in Squarespace 7.1) I noticed that your code is different in the video than it is in the text provided on your site. Could this be the problem?

Can you share link to your site? We can check easier.

Is there any way I can integrate the Lightbox Anything plugin into this, and trigger a lightbox/pop up when people click on the folder title?

20 hours ago, siweisong said:

Is there any way I can integrate the Lightbox Anything plugin into this, and trigger a lightbox/pop up when people click on the folder title?

Which template do you use or can you share site url?

Hi @Vigasan

Love your tutorial!

I am trying to link my WORKS (folder) to my HOME link (first on nav) - so HOME doesn't show as the first link on nav? This is a template that doesn't support folder to link to another page. I couldn't find the link from the video. Do you mind helping me with what I need to paste to my code injection? 

template: nevins

site: https://orb-wrasse-anjw.squarespace.com/

password: thankyou

Also, if this works, where do I place the page HOME? As an unlinked page?

Lastly, should I expect any issues with mobile?

Thanks, Andrea

On 11/26/2020 at 9:15 AM, CucuMachine said:

Hi @Vigasan

Love your tutorial!

I am trying to link my WORKS (folder) to my HOME link (first on nav) - so HOME doesn't show as the first link on nav? This is a template that doesn't support folder to link to another page. I couldn't find the link from the video. Do you mind helping me with what I need to paste to my code injection? 

template: nevins

site: https://orb-wrasse-anjw.squarespace.com/

password: thankyou

Also, if this works, where do I place the page HOME? As an unlinked page?

Lastly, should I expect any issues with mobile?

Thanks, Andrea

The url doesn't exist. Can you check again?

Someone have proper tutorial to link navigation title in squarespace 7.1?

On 9/23/2021 at 12:06 AM, johnnaq said:

Someone have proper tutorial to link navigation title in squarespace 7.1?

See this guide