Use alternate (and smaller) BU logo in mobile nav, in order to make s…

…pace.
BitcoinUnlimited · Apr 29, 2017 · dd6ffe6 · dd6ffe6
1 parent 9527966
commit dd6ffe6
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 14 deletions.
diff --git a/src/public/css/header.styl b/src/public/css/header.styl
@@ -6,17 +6,6 @@
 .header--mobile
   display: none;
 
-@media (max-width: 1050px)
-  .font-thin
-    font-weight: normal
-
-  .header--web
-    display: none;
-
-  .header--mobile
-    display: block;
-
-
 .header__container
     height: 110px
     font-size: 16px
@@ -32,8 +21,7 @@
     height: 50px
 
 .header__logo--mobile
-    height: 50px
-    padding: 30px 40px
+    display: none
 
 .header__link
     text-decoration: none
@@ -75,3 +63,25 @@
     -moz-transition: color .15s ease-in
     -o-transition: color .15s ease-in
     -ms-transition: color .15s ease-in
+
+@media (max-width: 1050px)
+    .font-thin
+        font-weight: normal
+
+    .header--web
+        display: none;
+
+    .header--mobile
+        display: block;
+
+    .header__logo
+        padding: 30px 40px
+
+@media (max-width: 400px)
+    .header__logo
+        display: none
+
+    .header__logo--mobile
+        display: block
+        height: 50px
+        padding: 30px 40px
diff --git a/src/public/img/bitcoin-unlimited-alt.jpg b/src/public/img/bitcoin-unlimited-alt.jpg
diff --git a/src/public/views/components/header/mobileHeader.jsx b/src/public/views/components/header/mobileHeader.jsx
@@ -14,7 +14,8 @@ class MobileHeader extends React.Component {
         return (
             <div className='header--mobile header__container clearfix'>
                 <div className="left">
-                    <Link to='/'><img src='/img/bitcoin-unlimited.png' className='header__logo--mobile'/></Link>
+                    <Link to='/'><img src='/img/bitcoin-unlimited.png' className='header__logo'/></Link>
+                    <Link to='/'><img src='/img/bitcoin-unlimited-alt.jpg' className='header__logo--mobile'/></Link>
                 </div>
                 <div className="right">
                     <Menu className='center' isOpen={false} right>