webdocs: fix header

Change-Id: I6fd9aa68c091f679bf8811546da2d1020d0e68e8
Signed-off-by: Stephane Desneux <stephane.desneux@iot.bzh>

2 files changed, 14 insertions, 7 deletions

diff --git a/site/_includes/header.html b/site/_includes/header.html
index 160dcef..6d69d6e 100644
--- a/site/_includes/header.html
+++ b/site/_includes/header.html
@@ -12,7 +12,7 @@
                 </button>
             </div>
             <div id="navbar" class="navbar-collapse collapse">
-                <div class="nav_bar_center">
+                <div class="nav_bar_left">
                     <ul class="nav navbar-nav">
                         <li {% if page.specs_tab %}class="active"{% endif %}>
                             <a href="{{ site.docsurl }}/getting_started/en/{{ site.default_linked_docs_version }}/">Getting Started</a>
@@ -33,7 +33,10 @@
                         <li {% if page.appfw_tab %}class="active"{% endif %}>
                             <a href="{{ site.docsurl }}/apis_services/en/{{ site.default_linked_docs_version }}/">APIs & Services</a>
                         </li>
-
+					</ul>
+				</div>
+                <div class="nav_bar_right">
+                    <ul class="nav navbar-nav">
                         <li {% if page.blog_tab %}class="active"{% endif %}>
                             <a href="{{ site.baseurl }}/techpost" id="blog_button">TechPost<span class="badge" id="new_blog_count"></span></a>
                         </li>
diff --git a/site/static/styles/scss/_home.scss b/site/static/styles/scss/_home.scss
index 49aab48..fa05bc6 100644
--- a/site/static/styles/scss/_home.scss
+++ b/site/static/styles/scss/_home.scss
@@ -176,7 +176,7 @@ html {
 
 .navbar-brand {
     padding: 0;
-    position: absolute;
+/*    position: absolute;*/
 }
 
 img#logo_top {
@@ -184,23 +184,27 @@ img#logo_top {
     height: 50px;
 }
 
-@media (min-width: 767px) { /* Center the navs when not collapsed */
+@media (min-width: 767px) {
     .nav_bar_right {
         float: right;
-        height: 50px;
+/*        height: 50px;*/
     }
     .nav_bar_left {
         float: left;
-		margin-left: 40px;
+/*		margin-left: 40px;
         height: 50px;
+*/
     }
     .nav_bar_center {
         text-align: center;
-        height: 50px;
+/*        height: 50px;
+*/
     }
     .nav_bar_center > ul {
         display: inline-block;
+/*
         float: none;
+*/
     }
 }