Accessibility Skip to content

In Page Navigation

Overview

To create a sticky sub-nav on a page with anchored links.

This page is example of STICKY variation

In Page Navigation - Teaser example is at the bottom of page

Guidelines

Use When

  • This is the component to create a sticky sub-nav on a page with anchored links. 
  • The links in the nav can be section anchors (capable of being hidden) or static links if needed.

Content

  •  

Additional Notes

  •  

Authoring

Component

  • Sticky Navigation:
    The links in the nav can be section anchors (capable of being hidden) or static links if needed. Within the sections themselves, the headers can be configured to align to the top, left, or hidden.  There are toggles to include a standard Contact Sales or Where to Buy button as well as a configurable primary button CTA in the nav heading. The bolded title in the nav left of the 1st section is based on the page title in page properties.

Do not

  •  

Sticky nav

teaser example

Section 1 Header

Section 3 Header

Section 3 Header

Component

  • Teaser:
    Teaser navigation has features to add the heading images. Rest is same as sticky nav.

Do not

  •