To help readers navigate a Project, links to some or all of its stories can be shown in the Project header and/or footer.
These navigation sections can be automatically generated and updated when you add, move, or remove any story in your project (ensuring it’s always up-to-date), or you can manually choose which stories and content groups to expose in the navigation.
Please note: Changes to navigation require the project to be republished in order to appear to readers.
You can edit the format of the navigation sections in the “Navigation” tab in the project editor.
Set the background colour based on your project theme, or select a custom colour.
Display the navigation in the header, beneath the header, as a "burger" nav icon (three horizontal lines as an icon which can be clicked to show the full navigation menu), or hide it completely.
An option to include in-story section links within the burger navigation (for stories that contain their own section navigation).
Use the automatically generated navigation from your project (the grouping and contents will be based on the hierarchy of your project), or manually curate them.
To manually curate your navigation, toggle on the EDIT NAVIGATION setting, and press the (+) button to see the available options. At this time you can choose to either add a link to a navigation group or story in a project, or an external link.
Include your social icons.
Add a simple search option, allowing users to search the contents of all stories in the project.
Note: project search is available only on some Shorthand plans. To discuss adding these features, please get in touch.
Project search
Navigation groups
When adding items to the Project structure, one option is a “Navigation group”.
A navigation group is essentially like a folder—a group of related stories that don’t have an associated landing page.
In the example above, the navigation group called “Past Issues” has 3 child stories (Issue 3, Issue 2, & Issue 1), but there is no story called “Past Issues”. Within the Project navigation, the text "Past Issues" can appear as a drop-down menu, from which readers can choose any of the stories contained in the group.
Note: By default, navigation groups will only show in the navigation bar when the group is at the top-level of your Project hierarchy. If you add a group lower in the hierarchy, it will only be included in the navigation bar if you toggle on EDIT NAVIGATION under the Project Navigation settings and manually add it.
Compact navigation
The "hamburger" or "burger" style menu is a compact version of the navigation menu showing as a three-line icon in the project header and when clicked expands into a list of the stories in your project. From the project settings you may choose whether your navigation:
always displays in the burger style or
shows as a horizontal list of navigation groups across the top of the page (and shows in the hamburger style when space doesn't permit for the horizontal list)
An option to "show section links in burger nav" from the project navigation settings page allows for links from within a story to also show when the burger menu is triggered. If this option is toggled off, then only the project navigation (and not internal story navigation) will show when the menu is opened.
Showing the project 'burger' navigation (top right). When opened it shows the main project navigation and the internal story navigation (circled in green).