How do I link a folder title within the navigation to a page?

Use the Avenue template.

This doesn't work on mobile, do you have a work around for mobile?

This works, but it hides the top link in all my folders in the navigation bar. Is there way to hide the top link from just one folder but leave another one?

Hello, where do you find the folder configuration in the navigation title (where do inject this code?!)

Anyone try to apply this same logic to hiding the 'Pets' link in the folder sidebar?

Thank you, thank you, thank you! I am using Rally and your suggestion worked beautifully :) Yay!

hi - did you ever solve the extra spacing issue in the nav bar?

@bobvonelgg

This is a really great solution and I got everything changed in my navigation bar only to find that it really caused problems on my mobile navigation menu.

All of the folders that originally displayed like this "+ start here" have now broken into two lines which requires you to click on the "+" if you want to access the submenu and the "start here" if you want to get to the unlinked page. Would you have any idea of how to resolve this issue?

@unicornX

Have you found a resolution to this issue? I'm having the same trouble. It is a great fix, but it distorts my mobile navigation list pretty badly.

~Jon

Did you ever fix the extra spacing issue on the nav bar? It's driving me nuts.

Did you ever find a solution to this?

Hi, thanks for this. It seems to be working well for me but I have one problem: The font weight is now different to the rest of the navigation buttons, and I can't change it in the style editor. DO I need some CSS for this? Any help would be much appreciated.Thanks, Rob.

This worked great! However, now the folder name is showing up underneath the + sign in the adirondack template, any way to fix this spacing issue?

@eb63 @donnamae @ebraids Hi!Did any of you solve the problem with the spacing and the nav link?Would be so happy for help :)

To remove the spacing, add an id to the link.

<a id="navigation-folder-hack" href="/company">Company</a>

Use css and alter the margin. This will cause problems in the mobile navigation. So to avoid this, in the mobile css, add the margin back and make the anchor tag inline.

//remove extra spacing from added link to folder
#navigation-folder-hack {
 margin-left: -30px;
}

@media only screen and (max-width: 640px) { 

//fix navigation-folder-hack for mobile
#navigation-folder-hack {
 margin-left: 0px;
 display:inline !important;
}
}

Here's one way to solve this:

1. Open the folder's settings/configuration window (click its gear icon in the Pages panel).
2. In the Navigation Title field, paste in:

   <a href="/PAGESLUG">NAME</a>

3. Replace PAGESLUG with the slug for the page you want to link to. (Make sure the / is included.)
4. Replace NAME with what you want the folder's nav link to say.

So for example, if you want the navigation link for your About folder to link to the first page in the folder, which has the page slug /contact-page, it would look like this:

I've done some testing and this works in most template families but not Aviator, Bedford, or Pacific.

In some templates it works but interferes a bit with the folder functionality. For example, in Skye the folder is collapsed, and you have to click the folder to see the pages. With this modification, people can still click the + icon to see the sub-pages, but if people just click the folder link they'll never see the the folder menu. For the same reason it might not work on mobile in some templates. Personally I'd only use this in templates where you can see the menu on hover, or the menu is permanently expanded. There's a guide that shows folder behavior by template here.

I use the Foster template part of (Bedford), follow the initial instructions except (slug name) leave as is and it works! If you try to rename it'll give you an error message that says the name is taken.

Thank you! This works to create a link; however, it also places a weird space in front of the folder I turn into a link. How can I avoid/remove this space?