Navigation Bar

Navbars are responsive navigation tools for your site that can extend or collapse, depending on the screen size.

Basic Navbar

There are 2 main parts of the navbar:

  • A logo or brand link
  • Navigations links - You can align these links to the left or right.
Responsive navbar

There are 3 main parts of the mobile collapse navbar: 

  • A logo or brand link with hamburger menu icon
  • Navigations links - You can align these links to the left or right.
  • Side Navigations links



See the Pen Material-NavBar by roy degler (@rdegler) on CodePen.

more_horiz