Skip to main content
Skip to main content

Site navigation

This page demonstrates how to use the mobile nav and menu bar inside of a sticky bar. It also shows the background behavior when the sticky bar is set to be transparent on desktop.

The mobile nav is displayed on xs, sm, md, and lg breakpoints. The menu bar is displayed on xl and xxl breakpoints.

The nav content will be different depending on whether or not the user is signed in. You can toggle signed in state below to see each variation.

test content for scrolling

test content for scrolling

test content for scrolling

test content for scrolling

test content for scrolling

test content for scrolling

test content for scrolling

test content for scrolling

test content for scrolling

test content for scrolling