--- title: Top Bar meta: Top-bar navigation layout: component.html ---

The Foundation Top Bar gives you a great way to display a complex navigation bar on small, medium or large screens.

*** *** ### Build With HTML Classes The top bar is a pretty complex piece of magical UI goodness. We rely on many presentational classes to define its look and feel, and there's a lot happening in the JS. The top bar is hoverable by default, but you can change it to use click events instead by adding `data-options="is_hover: false"` to the `