Secondary Navigation

CareerHub's horizontal navigation — a responsive, scrolling heading menu for use as a secondary navigation component.

Basic Example

A responsive, scrolling heading menu. Will wrap on desktop, and scroll on mobile.

With Scroll Arrows

Initialize scroll arrows with JavaScript. They appear when content overflows on mobile.

Usage

Method	Description
$('.nav-scroll').addScrollArrows()	Adds scroll arrow buttons when the nav overflows its container.
$('.nav-secondary').scrollToNavElement($active, 0)	Scrolls the nav to center the given element.