---
layout: post
title: "New feature: fixed navbar"
introduction: "Fix your navbar at the top or bottom"
color: "success"
name: "Fixed navbar"
icon: "map-pin"
---

You can now fix a [navbar](/documentation/components/navbar/#fixed-navbar) to the **top** or the **bottom**:

<figure>
  <video width="602.5" height="360" autoplay muted loop>
    <source src="{{ site.url }}/images/blog/fixed-navbar.mp4" type="video/mp4">
  </video>
</figure>

[Check it out!](/documentation/components/navbar/#fixed-navbar)

As a added **bonus**, the bottom navbar required a new **dropup** feature which has also been implemented!

<figure>
  <a href="{{ site.url }}/documentation/components/navbar/#fixed-navbar">
    <img src="{{ site.url }}/images/blog/dropup.png" alt="Navbar dropup" width="660" height="239">
  </a>
</figure>