Navbar

Create a navigation bar that can be used for your main site navigation.


The Navbar component consists of brand container and one or more navigations. Navigation menu can use the standard RapidWeaver or the Menu Builder, allowing for greater flexibility and use of text and buttons.

Multiple navigations


Invert modifier with Sticky Navbar

Automatically display alternative logos and navigation for light and dark backgrounds.

Centered logo


Subtitles


Justify


Dropbar


Push

By default, the dropbar overlays the site content. Select the dropbar-mode: push option, to push the content down instead.

Toggle item

Use the toggle option to create an icon as a toggle. As an example, you can add an off-canvas navigation from the Off-canvas component or a modal from the Modal component.

Enable Search in Navbar, with layout options for overlay, drop, dropdown and modal. For the search results use the built-in engine or any 3rd-party search stack. See more examples at the Search stack page.