Browse Source

fixed header responsive

Bachir Soussi Chiadmi 5 years ago
parent
commit
25b41d2a43

+ 3 - 1
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 {

+ 3 - 0
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;}