Skip to main content
Design System 2
University Relations
Contribute

Horizontal Subnav

Shared Partial Name:

wvu-horizontal-subnav

When to Use

Use this when you want all of the pages within a subsection of your site (for example a department or school) to share a common navbar.

Example: Standard Secondary Navbar

Branding
Copy

Content Model and Styling Guidelines

The following guidelines will help ensure your content and styling follow our design principles, and ensures consistency and unity across your pages as well as other WVU-branded websites.

Content-Specific Guidelines

Content Max Characters Description
Subnav Branding* 16 ea. This is the label that appears before the navigation items.
Navigation Items* 16 ea. The number of navigation items should not exceed 7.

* Indicates required content.

Shared CleanSlate Partial

Type: Static (uses editable regions)

This component corresponds to the latest version of the shared horizontal-subnav partial in the Design System CleanSlate. CleanSlate developers can use this component by adding a shared partial to a template. Below are the available configuration options for this component.

Configuration

Name Options Description
add_horizontal_subnav Checked
Unchecked 		When checked, adds a horizontal subnav component to the page. Note this requires that you designate a landing page for the subsection using the option below.
subsection_landing_page Checked
Unchecked 		This is the root page you will designate for the subnav to populate the branding/label that appears before the nav items, as well as the individual nav items on any sub-page you add a horizontal subnav to. You must check this option on the root page of the subsection for the horizontal subnav to work correctly.