# Navigation Requires JS

Navigation is possibly the most important aspect of any page layout. Musora's pages in particular share three common navigation patterns. These navigation patterns have been added to Stylesora in order to utilize Tailwind.css as well as our custom tailwind classes and components. Navigations also require small bit of Javascript for responsive state management. Because Alpine.js is included with Stylesora, you'll only need a minimal amount of template markup to add responsive functionality to your navigation.

# Sales Global Navigation


The Sales navigation spans the full width of the page and includes a hamburger menu on all breakpoints. Because the sales navigation is for users who are not logged in, it does not link to any memebers are content. Instead it includes large call-to-action buttons on the right.

# Examples



# Members Global Navigation


The Members global navigation includes links that are specific to authenticated users. By default, all links are visible on wide screens and collapse to a sidebar menu layout at smaller breakpoints. It also features an expandable search bar that spans the full width of the navbar.

# Example

Coming Soon...



# Members Sub Navigation


The Members sub navigation features course specific links.

# Example

Coming Soon...

Last Updated: 7/20/2021, 3:00:24 PM