diff --git a/app/assets/javascripts/discourse/components/home-logo.js.es6 b/app/assets/javascripts/discourse/components/home-logo.js.es6
index 9d8e688433..5e393622b0 100644
--- a/app/assets/javascripts/discourse/components/home-logo.js.es6
+++ b/app/assets/javascripts/discourse/components/home-logo.js.es6
@@ -9,8 +9,13 @@ export default Ember.Component.extend({
     return !Discourse.Mobile.mobileView && this.get("minimized");
   }.property("minimized"),
 
+  showMobileLogo: function() {
+    return Discourse.Mobile.mobileView && !Ember.isBlank(this.get('mobileBigLogoUrl'));
+  }.property(),
+
   smallLogoUrl: Discourse.computed.setting('logo_small_url'),
   bigLogoUrl: Discourse.computed.setting('logo_url'),
+  mobileBigLogoUrl: Discourse.computed.setting('mobile_logo_url'),
   title: Discourse.computed.setting('title'),
 
   click: function(e) {
diff --git a/app/assets/javascripts/discourse/templates/components/home-logo.js.handlebars b/app/assets/javascripts/discourse/templates/components/home-logo.js.handlebars
index cbac1477eb..b2b8f9e6db 100644
--- a/app/assets/javascripts/discourse/templates/components/home-logo.js.handlebars
+++ b/app/assets/javascripts/discourse/templates/components/home-logo.js.handlebars
@@ -6,10 +6,14 @@
       <i class="fa fa-home"></i>
     {{/if}}
   {{else}}
-    {{#if bigLogoUrl}}
-      <img id="site-logo" class="logo-big" src="{{unbound bigLogoUrl}}" alt="{{unbound title}}">
+    {{#if showMobileLogo}}
+      <img id="site-logo" class="logo-big" src="{{unbound mobileBigLogoUrl}}" alt="{{unbound title}}">
     {{else}}
-      <h2 id="site-text-logo" class="text-logo">{{unbound title}}</h2>
+      {{#if bigLogoUrl}}
+        <img id="site-logo" class="logo-big" src="{{unbound bigLogoUrl}}" alt="{{unbound title}}">
+      {{else}}
+        <h2 id="site-text-logo" class="text-logo">{{unbound title}}</h2>
+      {{/if}}
     {{/if}}
   {{/if}}
 </a>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 1200387487..eab4ec5bc6 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -43,7 +43,7 @@
           <div class="contents">
             <div class="row">
               <div class="title span13">
-                <a href="/"><img src="<%=SiteSetting.logo_url%>" alt="<%=SiteSetting.title%>" id="site-logo"></a>
+                <a href="/"><img src="<%= (mobile_view? && SiteSetting.mobile_logo_url) || SiteSetting.logo_url %>" alt="<%=SiteSetting.title%>" id="site-logo"></a>
               </div>
             </div>
           </div>
diff --git a/config/site_settings.yml b/config/site_settings.yml
index 7a9f2c2ac4..9e764dee8b 100644
--- a/config/site_settings.yml
+++ b/config/site_settings.yml
@@ -35,6 +35,9 @@ required:
   digest_logo_url:
     client: false
     default: ''
+  mobile_logo_url:
+    client: true
+    default: ''
   favicon_url:
     client: true
     default: '/images/default-favicon.ico'