Merge pull request #77 from couchbase/top-nav-feature

update top nav bar style

Author: amarantha-k

src/css/header.css

@@ -107,20 +107,21 @@
 
 .try-btn {
   font-weight: var(--weight-bold);
+  margin-left: var(--column-space);
 }
 
 .parent-site {
-  margin: 0 10px;
-  padding: 0 10px;
+  /* margin: 0 10px;
+  padding: 0 10px; */
   /* border-right: 1px solid var(--color-brand-gray5);
   border-left: 1px solid var(--color-brand-gray5); */
 }
 
-.parent-site a {
+/* .parent-site a {
   color: var(--color-brand-gray4);
   font-size: 1rem;
   font-family: "Source Sans Pro", sans-serif;
-}
+} */
 
 .search .query {
   border: none;
@@ -239,10 +240,10 @@
     width: 283px;
   }
 
-  .parent-site {
+  /* .parent-site {
     margin: 0;
     padding: 0 var(--column-space);
-  }
+  } */
 
   .navbar.navbar-new-top {
     padding: 1.25rem 0;
@@ -267,7 +268,8 @@
 
   .primary-action {
     flex-wrap: wrap;
-    justify-content: center;
+    justify-content: space-around;
+    width: 100%;
   }
 
   .navbar-collapse {
@@ -294,17 +296,18 @@
     right: 5px;
   }
 
-  .parent-site {
+  /* .parent-site {
     border-left: none;
   }
 
   .parent-site a {
     color: var(--color-brand-white);
-  }
+  } */
 
   .try-btn {
     background: var(--color-brand-white);
     color: var(--color-brand-blue);
+    margin: 0;
   }
 
   .header-bottom-row.is-active {

src/partials/header-content.hbs

@@ -3,7 +3,7 @@
       <div class="container">
           <nav class="navbar navbar-expand-md flex-nowrap justify-content-between navbar-new-top">
 
-              <a class="navbar-brand" href="{{#with (and site.url site.homeUrl)}}{{@root.site.url}}{{this}}{{else}}{{siteRootPath}}{{/with}}">
+              <a class="navbar-brand" href="https://www.couchbase.com">
                 <img src="{{{uiRootPath}}}/img/couchbase-documentation-logo.svg" alt="Couchbase" />
               </a>
               {{! <ul class="nav navbar-nav mr-auto"></ul> }}
@@ -24,6 +24,11 @@
 
               <div class="navbar-collapse collapse" id="navbar2">
                 <ul class="navbar-nav w-100 justify-content-start">
+                  <li class="nav-item">
+                    <a href="{{#with (and site.url site.homeUrl)}}{{@root.site.url}}{{this}}{{else}}{{siteRootPath}}{{/with}}" class="nav-link">
+                      <i class="fas fa-home"></i>
+                    </a>
+                  </li>
                   <li class="nav-item">
                     <a class="nav-link" href="{{relativize (resolvePageURL 'home::server.adoc')}}">
                       Server
@@ -61,13 +66,13 @@
                     <i class="fas fa-search"></i>
                   </button>
                 </form>
-                <div class="parent-site">
+                {{!-- <div class="parent-site">
                   <a href="https://www.couchbase.com">
                     Couchbase.com
                   </a>
-                </div>
+                </div> --}}
                 <a class="btn btn-primary try-btn" href="https://www.couchbase.com/downloads">
-                  Try Free
+                  Downloads
                 </a>
               </div>