diff --git a/website/source/assets/javascripts/application.coffee b/website/source/assets/javascripts/application.coffee
index 8221cd501a..9f94cfd047 100644
--- a/website/source/assets/javascripts/application.coffee
+++ b/website/source/assets/javascripts/application.coffee
@@ -9,3 +9,5 @@
 #= require _app/app
 #= require _app/homepage
 #= require _app/util
+
+#= require hashicorp/mega-nav
diff --git a/website/source/assets/stylesheets/application.scss b/website/source/assets/stylesheets/application.scss
index b4a889f4d0..a3bcb6917a 100644
--- a/website/source/assets/stylesheets/application.scss
+++ b/website/source/assets/stylesheets/application.scss
@@ -5,6 +5,9 @@
 // Remote fonts
 @import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600");
 
+// Mega Nav
+@import 'hashicorp/mega-nav';
+
 // Core variables and mixins
 @import "_variables";
 
diff --git a/website/source/layouts/_header.erb b/website/source/layouts/_header.erb
index cb90952152..222fa6f1dd 100644
--- a/website/source/layouts/_header.erb
+++ b/website/source/layouts/_header.erb
@@ -43,7 +43,8 @@
     <!-- End Google Tag Manager (noscript) -->
 
     <div id="header" class="navigation <%= current_page.data.page_title == "home" ? "" : "navbar-static-top" %>">
-      <%= partial "layouts/announcement-bnr" %>
+      <%= mega_nav :consul %>
+      <!-- <%= partial "layouts/announcement-bnr" %> -->
       <div class="container">
     		<div class="row">
     			<div class="col-xs-12">