fixed niouseletter on mobile

sites/all/themes/gui/materiobasetheme/css/styles.css

@@ -2888,7 +2888,12 @@ body.node-type-publication #footer {
           display: none; } }
       @media only screen and (min-width: 40.063em) and (max-width: 64em) {
         #header .logo span.slogan {
-          display: none; } }
+          display: block;
+          margin-left: 0.1em; } }
+      @media only screen and (min-width: 64.063em) and (max-width: 90em) {
+        #header .logo span.slogan {
+          display: block;
+          margin-left: 0.1em; } }
       .ie8 #header .logo span.slogan {
         position: absolute;
         margin-top: 22px; }
@@ -3107,6 +3112,12 @@ body.node-type-publication #footer {
       padding: 0; }
       #header #header-blocks #headerblock-right .block:first-child {
         padding: 0; }
+    @media only screen and (max-width: 40em) {
+      #header #header-blocks #headerblock-left {
+        display: none; } }
+    @media only screen and (min-width: 40.063em) and (max-width: 64em) {
+      #header #header-blocks #headerblock-left {
+        display: none; } }
     #header #header-blocks #block-locale-language ul, #header #header-blocks #block-locale-language li {
       margin: 0;
       padding: 0;
@@ -3628,8 +3639,8 @@ body.home-v2 #main {
     #content-top #block-materio-flag-materio-flag-mybookmarks h2, #content-top #block-materio-flag-materio-flag-mylists h2 {
       font-size: 12px;
       font-weight: 700;
-      margin: 0 0 0.5em 0;
       line-height: 1.2;
+      margin: 0;
       color: #000; }
       #content-top #block-materio-flag-materio-flag-mybookmarks h2 a.open-list, #content-top #block-materio-flag-materio-flag-mybookmarks h2 i.fi-x, #content-top #block-materio-flag-materio-flag-mylists h2 a.open-list, #content-top #block-materio-flag-materio-flag-mylists h2 i.fi-x {
         display: moz-inline-stack;
@@ -3673,9 +3684,6 @@ body.home-v2 #main {
       zoom: 1;
       *display: inline;
       vertical-align: middle; }
-    @media only screen and (max-width: 40em) {
-      #tool-bar .inner-content {
-        padding: 0; } }
   .oldie #tool-bar {
     background-color: #B1ADAD;
     padding: 0 10px; }
@@ -3718,7 +3726,7 @@ body.home-v2 #main {
       .csstransitions #tool-bar #block-materio-page-title-materio-page-title:hover a.edit-list {
         opacity: 1;
         transition: opacity 0.3s ease-out; }
-    @media only screen and (min-width: 40.063em) and (max-width: 64em) {
+    @media only screen and (max-width: 40em) {
       #tool-bar #block-materio-page-title-materio-page-title {
         display: block; } }
   #tool-bar #block-materio-search-api-materio-search-api-viewmode .viewmode-link {
@@ -6478,13 +6486,14 @@ body.node-type-simplenews #content article.node.node-simplenews {
     body.node-type-simplenews #content article.node.node-simplenews {
       max-width: 100%;
       overflow-x: hidden; }
-      body.node-type-simplenews #content article.node.node-simplenews table, body.node-type-simplenews #content article.node.node-simplenews tbody, body.node-type-simplenews #content article.node.node-simplenews tr, body.node-type-simplenews #content article.node.node-simplenews td {
-        display: block;
-        max-width: 100%; }
+      body.node-type-simplenews #content article.node.node-simplenews table {
+        width: 100% !important; }
+      body.node-type-simplenews #content article.node.node-simplenews td {
+        vertical-align: top; }
       body.node-type-simplenews #content article.node.node-simplenews img {
         max-width: 100%; }
       body.node-type-simplenews #content article.node.node-simplenews p {
-        padding-right: 1em; } }
+        padding: 0 0.5em; } }
 
 /*
  _____ _____ _____ _____    _____ _____ _____ _____ _____ _____ _____

sites/all/themes/gui/materiobasetheme/js/script.js

@@ -420,12 +420,13 @@
     * layout
     */
     function initLayout(){
-      if(!_max_768()){
+      trace("initLayout");
+      // if(!_max_768()){
         var height = $('#header').h() + $('#tasks').h();
 
-        if(!_max_480() && !_touch ){
-          height += $('#utilities').h()+15;
-        }
+        // if(!_max_480() && !_touch ){
+          height += $('#utilities').h();//+15;
+        // }
 
         //$('#main').css('margin-top', height+15);
         // $('#container').css('padding-top', height+15);
@@ -433,7 +434,7 @@
         if(!$('html').is(".ie8")){
           $('#container').animate({'padding-top':height}, 300);
         }
-      }
+      // }
     };
 
     /**

sites/all/themes/gui/materiobasetheme/scss/styles.scss

@@ -223,7 +223,8 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
       margin-left:-0.5em;
       @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;}
     }
   }
@@ -410,6 +411,11 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
       }
     }
 
+    #headerblock-left{
+      @media #{$small-only}{display:none;}
+      @media #{$medium-only}{display:none;}
+    }
+
     #block-locale-language{
       // margin-left:1em;
       // border-left: 1px solid #707070;
@@ -886,7 +892,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
     .ie8 &{margin-top:40px;}
 
     h2{
-      @include fs12; @include fs700; margin: 0 0 0.5em 0;  line-height:1.2; color:#000;
+      @include fs12; @include fs700; line-height:1.2; margin:0; color:#000;
       a.open-list, i.fi-x{
         @include inlineblock(); cursor:pointer;  color:#000; margin-left:0.5em;
         opacity:0; @include transition-simply-prefix(opacity 0.1s ease-out);
@@ -947,7 +953,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
       //  margin: 5px;
     }
     @media #{$small-only}{
-      padding:0;
+      // padding:0;
       // h1{line-height:0.5;}
     }
   }
@@ -983,7 +989,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
       a.edit-list{ @include op-visible; }
     }
 
-    @media #{$medium-only}{ display:block;}
+    @media #{$small-only}{ display:block;}
   }
 
   #block-materio-search-api-materio-search-api-viewmode{
@@ -2212,13 +2218,19 @@ body.node-type-simplenews{
         max-width: 100%;
         overflow-x: hidden;
         // .field-name-body{position: relative;}
-        table, tbody, tr,td{
-          display: block;
-          max-width: 100%;
+        // table, tbody, tr,td{
+        //   display: block;
+        //   max-width: 100%;
+        // }
+        table{
+          width:100%!important;
+        }
+        td{
+          vertical-align: top
         }
         img{max-width: 100%;}
         p{
-          padding-right: 1em;
+          padding: 0 0.5em;
         }
       }
     }