Blocks - Navbar

Copy any custom block snippet below and paste it on your page to build your website easily.

Filter Blocks:

Note that since we show multiple navbar examples on docs, offcanvas navigation, offcanvas info and modals are disabled on the examples, but their codes are intact and will work properly on the template.

Disable dropdown hover by adding.hover-noneclass to.navbareither on HTML or GulpclassList.

Disable carets on dropdown parents by adding.caret-noneclass to.navbareither on HTML or GulpclassList.

Usethis guideto add a link to dropdown parent.

Center Nav - Transparent Background

Check out some of the live examples:Demo 1orDemo 4.

Center Nav - Transparent Background - Light Text

Check out some of the live examples:Demo 3orDemo 15.

Center Nav - Light Background

Check out some of the live examples:ShoporProduct Page.

Center Nav - Dark Background

Center Nav - Fancy

Check out some of the live examples:Demo 7.

Classic - Transparent Background

Check out some of the live examples:Demo 6orDemo 8.

Classic - Transparent Background - Light Text

Check out some of the live examples:Demo 11.

Classic - Light Background

Classic - Dark Background

Classic - Fancy

Center Logo - Transparent Background

Center Logo - Transparent Background - Light Text

Check out some of the live examples:Demo 13.

Center Logo - Light Background

Center Logo - Dark Background

Center Logo - Fancy

Extended

Check out some of the live examples:Demo 12.

Extended - Alternative

Check out some of the live examples:Demo 24.

Think unique and be creative. Make a difference with Sandbox.

Everything you need to create your next unique and professional website, including impressive and ready-made blocks and pages.