# Trying to use a large top logo - unsuccessfully!

**URL:** <https://meta.discourse.org/t/trying-to-use-a-large-top-logo-unsuccessfully/73855>\
**Category:** Product Support\
**Created:** [Novembre 10, 2017, 8:30 UTC](https://meta.discourse.org/t/trying-to-use-a-large-top-logo-unsuccessfully/73855 "2017-11-10T20:30:10Z")\
**Posts on this page:** 1\
**Showing post:** 13

<div class="post-metadata">

**Author:** ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)\
**Post date:** [Novembre 14, 2017, 3:14 UTC](https://meta.discourse.org/t/trying-to-use-a-large-top-logo-unsuccessfully/73855/13 "2017-11-14T15:14:30Z")

</div>

If you want that for mobile too, use this instead (in Common):

```css
.title .logo-big{display:none}
.brand-header{margin-bottom:-63px;height:185px}
.brand-header .brand-logo{z-index:999;position:relative;}
.d-header{z-index:998}
#site-text-logo{display:none}

@media only screen 
and (max-device-width : 360px) {
    .brand-header .brand-logo {max-width: 63%;}
    .brand-header{margin-bottom:0px;height:0px}
}

@media only screen 
and (min-device-width : 361px)
and (max-device-width : 640px) {
    .brand-header .brand-logo {max-width: 63%;}
    .brand-header{margin-bottom:0px;height:35px}

}

@media only screen 
and (min-device-width : 641px)
and (max-device-width : 860px){
    .brand-header .brand-logo {max-width: 65%;}
    .brand-header{margin-bottom:0px;height:63px}

}

```

It’s not perfect for all devices, but it works

---

_[View the full topic](https://meta.discourse.org/t/trying-to-use-a-large-top-logo-unsuccessfully/73855)._