#360 Bigger logo isn't correctly displayed

template/css/general.css

@@ -65,13 +65,19 @@
     height: 3rem;
            
     margin:0 48px;
-    margin:0 3rem;
-
-    line-height: 48px;
-    line-height: 3rem;
+    margin:0 6rem;
     
     vertical-align: middle;
     text-align: center;
+}
+
+#bx-logo-container a span {
+    display:inline-block;
+
+    max-width:100%;
+
+    line-height: 48px;
+    line-height: 3rem;
 
     overflow:hidden;
     text-overflow:ellipsis;

template/css/media-phone.css

@@ -40,6 +40,12 @@ html {
     width:auto;
 }
 
+/* general.css */
+
+#bx-logo-container {
+    margin:0 3rem;
+}
+
 /* common.css */
 
 /* make popup fullscreen */

template/scripts/BxBaseFunctions.php

@@ -316,7 +316,7 @@ class BxBaseFunctions extends BxDol implements iBxDolSingleton
         if(empty($sAlt))
         	$sAlt = getParam('site_title');
 
-        $sLogo = $sAlt;
+        $sLogo = '<span>' . $sAlt . '</span>';
 
         $sFileUrl = $this->getMainLogoUrl();
         if (!empty($sFileUrl)) {