Sticky nav
Help users navigate around the page with a sticky navigation bar that links to each copy section.
Using Sticky Navs
Creates a row of bookmarks
You can create links to up to ten sub-sections.
For complicated information
Use this template to break up long and complicated information.
Not for visual pages
This template isn't suitable for landing pages or more visual content.
Sticky Nav Page template
You can have up to ten sticky items on a Sticky Nav page.
You need to add a heading to each sticky where it says 'Copy Section x heading' in order for it to show on the page. If you need, you can create a short heading that displays at the top of the page in the bookmarks and a slightly longer one that shows when users jump to that part of the page. If you don't need a short heading, keep that field blank.
It is possible to build a Sticky Nav and disable the sticky function so it looks more like a normal Content Advanced page (by unticking 'Show Sticky Nav'), but consider whether this is worth doing.
When to use a sticky nav
The sticky nav template features a menu of clickable buttons at the top of the page that behave like bookmarks. The user can navigate easily between sections on the page, ideal for long form content with lots of subheadings, such as, academic regulations or selection processes.
The sticky nav template is not suitable for landing pages or short and simple content.
How to use a sticky nav
You can include up to ten copy sections in a sticky nav template.
You will need to assign a short and long heading for each copy section. The short heading appears in the sticky nav menu and the long heading appears in the main body of the page.
Recommended word count
|
Short heading |
As short as possible (max 30 characters) |
| Long heading | 8-45 characters (with spaces) |
Notes on component usage
- Every copy section requires a heading in order to appear in the sticky nav menu.
Linking to anchors
Anchors are automatically created for each sticky nav section that is populated in the format "section-1".
For example https://www.uwe.ac.uk/study/academic-information/assessments/academic-integrity#section-2 links directly to copy section 2 on the academic integrity page.
More information about anchors and how to use them can be found on the Frontify guidance page.