From 25b41d2a431aa01014b880c30ab8db45c4d4ef99 Mon Sep 17 00:00:00 2001
From: Bachir Soussi Chiadmi <bachir@figureslibres.io>
Date: Mon, 5 Nov 2018 17:45:17 +0100
Subject: [PATCH] fixed header responsive

---
 sites/all/themes/gui/materiobasetheme/css/styles.css   | 4 +++-
 sites/all/themes/gui/materiobasetheme/scss/styles.scss | 3 +++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/sites/all/themes/gui/materiobasetheme/css/styles.css b/sites/all/themes/gui/materiobasetheme/css/styles.css
index f4d76c9a..b61fbfc2 100644
--- a/sites/all/themes/gui/materiobasetheme/css/styles.css
+++ b/sites/all/themes/gui/materiobasetheme/css/styles.css
@@ -2914,7 +2914,8 @@ body.node-type-publication #footer {
     display: inline-block;
     vertical-align: top;
     zoom: 1;
-    *display: inline; }
+    *display: inline;
+    max-width: 150px; }
     #header .logo h1 {
       margin: 0;
       font-size: 36px;
@@ -2932,6 +2933,7 @@ body.node-type-publication #footer {
       font-size: 14px;
       margin-top: -3px;
       margin-left: -0.5em;
+      white-space: nowrap;
       font-weight: 900; }
       @media only screen and (max-width: 40em) {
         #header .logo span.slogan {
diff --git a/sites/all/themes/gui/materiobasetheme/scss/styles.scss b/sites/all/themes/gui/materiobasetheme/scss/styles.scss
index e65b034e..58e0a9ff 100644
--- a/sites/all/themes/gui/materiobasetheme/scss/styles.scss
+++ b/sites/all/themes/gui/materiobasetheme/scss/styles.scss
@@ -211,6 +211,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
   .logo{
     //width:210px; //padding-left:5px; //margin-left:50px;
     @include inlineblock();
+    max-width: 150px;
     h1{
       margin:0;
       @include fs36;
@@ -221,8 +222,10 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
       @include fs14;
       margin-top:-3px;
       margin-left:-0.5em;
+      white-space: nowrap;
       @include fs900;
       @media #{$small-only} {display:none;}
+      // @media #{$medium-only} { display:none; }
       @media #{$medium-only} { display:block; margin-left:0.1em; }
       @media #{$large-only} { display:block; margin-left:0.1em; }
      .ie8 &{position: absolute; margin-top:22px;}