Page Navigation

Note: The section this module is added to should have its Content Alignment set to Full width. This entire section will stick to the top of the page as the user scrolls down.

View a live demo of this module.

Content

• Add as many links (anchor or external links) as you need
• Change text for accessible skip link and mobile placeholder text

Styles

• Set Light Mode
• Add “scanline” background style
• Change alignment of links (left, right, center)
• Change link style

---

---

How to Use This Module

The Page Navigation module works best on long-form content pages where you want to help visitors quickly jump between different sections without losing their place. This sticky navigation bar remains visible at the top of the page as users scroll, making it ideal for service pages with multiple offerings, event agendas with different sessions, or comprehensive resource pages.

When adding this module to your page in the HubSpot page editor, drag it into a section near the top of your content area. The entire section containing this module will become sticky, so avoid placing other modules in the same section unless you want them to stick as well. For anchor links to work properly, you’ll need to add HTML anchor IDs to the sections you want to link to—you can do this in the Advanced Options of each target section.

The module’s responsive design automatically collapses navigation links into a dropdown menu on mobile devices, using the placeholder text you specify in the module settings. This ensures your navigation remains functional without overwhelming smaller screens.

Best practices for this module:

• Use descriptive link text that clearly indicates what each section contains
• Keep your navigation to 5-7 links maximum to avoid cluttering the sticky bar
• Test your anchor links in preview mode to ensure smooth scrolling behavior
• Consider enabling the scanline background style if your page has complex background images that might reduce link visibility

This module pairs particularly well with the Brightlane theme’s other content modules like Text Blocks, Image & Text, and Accordion sections, creating a cohesive long-form reading experience that keeps users engaged throughout lengthy pages.