Responsive header for not connected pages too

app/assets/stylesheets/header.scss

@@ -117,6 +117,16 @@
     }
   }
 
+  .not-connected-menu {
+    .navbar-left {
+      float: left;
+    }
+    .navbar-right,
+    .navbar-right li {
+      float: right;
+    }
+  }
+
   @media (max-width: $grid-float-breakpoint-max) {
 
     .navbar-nav.hidden-xs {

app/views/layouts/_header.html.haml

@@ -9,7 +9,4 @@
         .container-fluid
           .row
             .col-md-12
-              .navbar-header
-
-              .collapse.navbar-collapse#navbar-collapse
               = render "layouts/header_not_connected"

app/views/layouts/_header_not_connected.haml

@@ -1,4 +1,12 @@
-%ul.nav.navbar-nav.navbar-right
+.not-connected-menu
+  .navbar-header.navbar-left
+    .hidden-xs
+      = link_to AppConfig.settings.pod_name, root_path, class: "navbar-brand"
+    .visible-xs#header-title
+      = link_to(image_tag("branding/logos/asterisk_white_mobile.png", class: "img-responsive"),
+          root_path, class: "navbar-brand")
+
+  %ul.nav.navbar-nav.navbar-right
     - if AppConfig.settings.enable_registrations? && !current_page?(controller: "/registrations", action: :new)
       %li= link_to t("devise.shared.links.sign_up"), new_user_registration_path, class: "login"
     %li= link_to t("devise.shared.links.sign_in"), new_user_session_path, class: "login"