fixed logo fixe #1

sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css

@@ -1146,42 +1146,18 @@ header[role="banner"] {
   display: inline-block; }
   #block-edlptheme-branding h1 {
     margin: 0;
-    display: inline-block;
-    font-size: 1.5em;
-    text-transform: lowercase; }
-    #block-edlptheme-branding h1 a {
-      line-height: 0.93;
-      text-align: center;
-      color: inherit;
-      text-decoration: none;
-      display: inline-block;
-      -webkit-columns: 3.74em 2;
-      columns: 3.74em 2;
-      -webkit-column-gap: 2em;
-      column-gap: 2em;
-      word-break: break-all;
-      -webkit-hyphens: auto;
-      -ms-hyphens: auto;
-      hyphens: auto;
-      position: relative; }
-      #block-edlptheme-branding h1 a:after, #block-edlptheme-branding h1 a:before {
-        content: '';
-        position: absolute;
-        top: 50%;
-        height: 0; }
-      #block-edlptheme-branding h1 a:before {
-        left: 3.74em;
-        border-bottom: 0.08em solid #000;
-        width: 2.5em;
-        -webkit-transform: rotateZ(-45deg);
-        transform: rotateZ(-45deg); }
-      #block-edlptheme-branding h1 a:after {
-        top: 47%;
-        left: 4.74em;
-        border-top: 0.2em solid red;
-        width: 0.5em;
-        -webkit-transform: rotateZ(45deg);
-        transform: rotateZ(45deg); }
+    display: inline-block; }
+    #block-edlptheme-branding h1 a.site-name {
+      display: block;
+      width: 290px;
+      height: 63.8px;
+      background-image: url(../img/logo.svg);
+      background-color: white;
+      background-repeat: no-repeat;
+      background-size: contain;
+      white-space: nowrap;
+      text-indent: 500px;
+      overflow: hidden; }
 
 #block-mainnavigation {
   float: right; }

sites/all/themes/custom/edlptheme/assets/styles/app.scss

@@ -67,42 +67,54 @@ header[role="banner"]{
   display: inline-block;
   h1{
     margin:0; display: inline-block;
-    font-size: 1.5em;
-    text-transform: lowercase;
-    a{
-      $col_w:3.74em;
-      $col_gap:2em;
-      line-height: 0.93;
-      text-align: center;
-      color: inherit;
-      text-decoration: none;
-      display: inline-block;
-      columns:$col_w 2;
-      column-gap: $col_gap;
-      word-break:break-all;
-      hyphens:auto;
-      position: relative;
-      &:after, &:before{
-        content: '';
-        position: absolute;
-        top:50%;
-        height:0;
-      }
-      &:before{
-        left:$col_w;
-        border-bottom:0.08em solid #000;
-        width:2.5em;
-        transform: rotateZ(-45deg);
-      }
-      &:after{
-        $w:0.5em;
-        top:47%;
-        left:($col_w+$col_gap/2);
-        border-top:0.2em solid red;
-        width:$w;
-        transform: rotateZ(45deg);
-      }
+    a.site-name{
+      display: block;
+      $w:290px;
+      width:$w; height:$w * 0.22;
+      background-image: url(../img/logo.svg);
+      background-color: white;
+      background-repeat:no-repeat;
+      background-size: contain;
+      white-space: nowrap;
+      text-indent: 500px;
+      overflow: hidden;
     }
+    // font-size: 1.5em;
+    // text-transform: lowercase;
+    // a{
+    //   $col_w:3.74em;
+    //   $col_gap:2em;
+    //   line-height: 0.93;
+    //   text-align: center;
+    //   color: inherit;
+    //   text-decoration: none;
+    //   display: inline-block;
+    //   columns:$col_w 2;
+    //   column-gap: $col_gap;
+    //   word-break:break-all;
+    //   hyphens:auto;
+    //   position: relative;
+    //   &:after, &:before{
+    //     content: '';
+    //     position: absolute;
+    //     top:50%;
+    //     height:0;
+    //   }
+    //   &:before{
+    //     left:$col_w;
+    //     border-bottom:0.08em solid #000;
+    //     width:2.5em;
+    //     transform: rotateZ(-45deg);
+    //   }
+    //   &:after{
+    //     $w:0.5em;
+    //     top:47%;
+    //     left:($col_w+$col_gap/2);
+    //     border-top:0.2em solid red;
+    //     width:$w;
+    //     transform: rotateZ(45deg);
+    //   }
+    // }
   }
 }