# Allow alternate logo on mobile view

**URL:** <https://meta.discourse.org/t/allow-alternate-logo-on-mobile-view/16659>\
**Category:** Feature\
**Created:** [6월 18, 2014, 3:43오후 UTC](https://meta.discourse.org/t/allow-alternate-logo-on-mobile-view/16659 "2014-06-18T15:43:06Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![ampburner](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ampburner/32/5103_2.png) [@ampburner](https://meta.discourse.org/u/ampburner)\
**Post date:** [6월 18, 2014, 3:43오후 UTC](https://meta.discourse.org/t/allow-alternate-logo-on-mobile-view/16659/1 "2014-06-18T15:43:06Z")

</div>

Under admin \> customize, I have the ability to specify custom css and a html-header for both the desktop and mobile views (independently)

But the site logo is always the same (shared between both views)

I would like the ability to specify a separate image for the mobile view, because my logo is not suitable for small screen displays:

> ![](https://global.discourse-cdn.com/meta/original/3X/6/9/698ed55a59765e2e9cabba180e99615249054ae6.jpg)

(The font looks kind of crappy on mobile)

This has the additional advantage of saving bandwidth and faster loading times.

Possible implementations:

- additional setting for the mobile logo (empty defaults to desktop logo)
- allow to override the image via a stylesheet somehow? If that’s possible.

---

<div class="post-metadata">

**Author:** ![downey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/downey/32/166878_2.png) [@downey](https://meta.discourse.org/u/downey)\
**Post date:** [6월 18, 2014, 3:44오후 UTC](https://meta.discourse.org/t/allow-alternate-logo-on-mobile-view/16659/2 "2014-06-18T15:44:49Z")

</div>

Yes please. This is a problem for anyone with wider logos, I think.

It should be possible with CSS media queries.

This would also help with our hack to get a higher-resolution logo in there for HiDPI displays.

---

<div class="post-metadata">

**Author:** ![ampburner](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ampburner/32/5103_2.png) [@ampburner](https://meta.discourse.org/u/ampburner)\
**Post date:** [6월 18, 2014, 3:47오후 UTC](https://meta.discourse.org/t/allow-alternate-logo-on-mobile-view/16659/3 "2014-06-18T15:47:44Z")

</div>

How would you do it with media queries? I guess that you would only be able to manipulate it via css if the image is a style background-image, but not as long as it’s an img src?

---

<div class="post-metadata">

**Author:** ![downey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/downey/32/166878_2.png) [@downey](https://meta.discourse.org/u/downey)\
**Post date:** [6월 18, 2014, 3:55오후 UTC](https://meta.discourse.org/t/allow-alternate-logo-on-mobile-view/16659/4 "2014-06-18T15:55:42Z")

</div>

See [https://stackoverflow.com/questions/12776434/media-query-image-src-property-change-using-css](https://stackoverflow.com/questions/12776434/media-query-image-src-property-change-using-css) or Google around for several different techniques.

---

<div class="post-metadata">

**Author:** ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)\
**Post date:** [6월 18, 2014, 7:47오후 UTC](https://meta.discourse.org/t/allow-alternate-logo-on-mobile-view/16659/5 "2014-06-18T19:47:08Z")

</div>

I just finished this feature:

[https://github.com/discourse/discourse/pull/2454](https://github.com/discourse/discourse/pull/2454)

---

<div class="post-metadata">

**Author:** ![ampburner](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ampburner/32/5103_2.png) [@ampburner](https://meta.discourse.org/u/ampburner)\
**Post date:** [6월 18, 2014, 7:51오후 UTC](https://meta.discourse.org/t/allow-alternate-logo-on-mobile-view/16659/6 "2014-06-18T19:51:14Z")

</div>

Awesome! Much appreciated!

---

<div class="post-metadata">

**Author:** ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)\
**Post date:** [12월 4, 2025, 11:14오전 UTC](https://meta.discourse.org/t/allow-alternate-logo-on-mobile-view/16659/7 "2025-12-04T11:14:27Z")

</div>


