poking around with header trying to do a cool effect, making top nav …

…static
developer-portal · Sep 2, 2015 · d21bba3 · d21bba3
1 parent 0507bd8
commit d21bba3
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 18 deletions.
diff --git a/_includes/header-front.html b/_includes/header-front.html
@@ -1,14 +1,14 @@
 <div class="container" id="splash">
   <div class="row" id="top">
-    <div class="col-sm-2" id="logo-col">
-      <div class="text-center">
-        <a href="/">
-          <img src="/static/logo_white.png" style="height: 46px; width: 152px;">
-        </a>
-      </div>
-    </div>
-    <div class="col-sm-8">
-	  <nav>	
+    <nav class="navbar navbar-default navbar-fixed-top">
+	  <div class="col-sm-2" id="logo-col">
+        <div class="text-center">
+          <a href="/">
+            <img src="/static/logo_white.png" style="height: 46px; width: 152px;">
+          </a>
+        </div>
+      </div>	
+	  <div class="col-sm-8">
         <ul class="nav navbar-nav">
           <li class="{% if page.highlight_section == "home" %} active {%endif%}">
             <a href="/">Home</a>
@@ -34,16 +34,16 @@
           </li>
           -->
         </ul>
-      </nav>
-    </div>
-    <div class="col-sm-2">
-      <div class="input-group" id="search">
-        <input type="text" class="form-control" placeholder="Search for...">
-        <span class="input-group-btn">
-          <button class="btn btn-default glyphicon glyphicon-search" type="button" aria-hidden="true"></button>
-        </span>
       </div>
-    </div>
+      <div class="col-sm-2">
+        <div class="input-group" id="search">
+          <input type="text" class="form-control" placeholder="Search for...">
+          <span class="input-group-btn">
+            <button class="btn btn-default glyphicon glyphicon-search" type="button" aria-hidden="true"></button>
+          </span>
+        </div>
+      </div>
+    </nav>
   </div>
   <div class="row" id="banner">
 	  <div class="col-sm-12">

diff --git a/_sass/_layout.scss b/_sass/_layout.scss
@@ -28,6 +28,19 @@
  * Site nav
  */
 
+navbar,
+.navbar-default,
+.navbar-fixed-top,
+.navbar li.active a {
+  background: transparent !important;
+  border: none !important;
+}
+
+.navbar {
+  margin-top: 15px;
+  margin-bottom: 15px;
+} 
+
 #top {
    padding-top: 20px;
 }