# Header logo too wide on narrower screens - iPhone 4/5 and split view

**URL:** <https://meta.discourse.org/t/header-logo-too-wide-on-narrower-screens-iphone-4-5-and-split-view/34701>\
**Category:** UX\
**Created:** [2015 年10 月 20 日 01:08 UTC](https://meta.discourse.org/t/header-logo-too-wide-on-narrower-screens-iphone-4-5-and-split-view/34701 "2015-10-20T01:08:42Z")\
**Posts on this page:** 1\
**Showing post:** 7

<div class="post-metadata">

作者： ![mr8](https://avatars.discourse-cdn.com/v4/letter/m/f9ae1b/32.png) [@mr8](https://meta.discourse.org/u/mr8)\
发布日期： [2015 年11 月 15 日 17:57 UTC](https://meta.discourse.org/t/header-logo-too-wide-on-narrower-screens-iphone-4-5-and-split-view/34701/7 "2015-11-15T17:57:00Z")

</div>

wider logos still looked a little weird on mobile..

 ![](https://global.discourse-cdn.com/meta/original/3X/6/5/65fdd0571267dcc48ee850a76e4b3143af06a1e3.png)  
 ![](https://global.discourse-cdn.com/meta/original/3X/e/8/e8e333917cf21e250f70fc96ceb70a8032f1c483.png)

I think this should fix it:

```
.d-header .title{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}
@media only screen and (min-width: 375px) {
	.d-header .title, .d-header #site-logo {
		max-width: 185px;
	}
}

```

hope this helps!

---

_[View the full topic](https://meta.discourse.org/t/header-logo-too-wide-on-narrower-screens-iphone-4-5-and-split-view/34701)._