Anchor Menu
Create a page-specific navigation menu using anchors and the Heading component
Use an Anchor Menu to create a subset of navigation specifically for the page being visited. A list of links is created from heading-enabled components – click a link and the user is brought to that point on the page.
Features
- Automatic heading detection
- Anchor Link Title
- Mobile view (when used with correct Panel Builder layout)
Pro Tips
- Good for long pages of information
- Place the Anchor Menu component in a Panel Builder layout: "2 Column (jump Link Styles)" .– this makes the menu mobile-ready
- Alternately, color the panel background differently so the menu stands out
- Add a heading such as "on this page" to give your menu context
- Be consistent in the heading types enabled for anchors (i.e. H2s only)
- Works with Heading component only, not headings within text editors
Visual Manual
Align left-column colors with right-column content
Input Fields
Configure the output
Note: Below are 3 different config. windows. For the Anchor Menu to function, the "Anchor Option" (A) must be enabled on desired heading components. The Anchor Menu detects this toggle and automatically makes entries.
Output Key
Displays the input fields