# Mobile header is taller than the content

**URL:** https://meta.discourse.org/t/mobile-header-is-taller-than-the-content/24144
**Category:** Bug
**Created:** [18 Enero, 2015 09:18 UTC](https://meta.discourse.org/t/mobile-header-is-taller-than-the-content/24144 "2015-01-18T09:18:24Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![chapel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapel/32/122414_2.png) [@chapel](https://meta.discourse.org/u/chapel)
#### Post date: [18 Enero, 2015 09:18 UTC](https://meta.discourse.org/t/mobile-header-is-taller-than-the-content/24144/1 "2015-01-18T09:18:24Z")

</div>

Essentially the mobile header is taller than the actual content and looks off.

[![](https://global.discourse-cdn.com/meta/original/3X/9/3/9329e3bc203ee94acfbdf90b5d5191a8162c91ec.png) ](https://dl.dropboxusercontent.com/s/wrm0dsyodzoeabl/Screenshot%202015-01-18%2001.16.15.png?dl=0)

It should look like this:

[![](https://global.discourse-cdn.com/meta/original/3X/7/a/7a23c1ea4a31a90b88a5df01ac5f2cdd48c4f914.png) ](https://dl.dropboxusercontent.com/s/uet272z6yz7gyoi/Screenshot%202015-01-18%2001.16.48.png?dl=0)

CSS property that needs to be adjusted:

> <https://github.com/discourse/discourse/blob/911f941da543f7b44ddf457099aa97cb31947076/app/assets/stylesheets/common/base/header.scss#L20>

This is the change that actually introduced the “bug”

[https://github.com/discourse/discourse/commit/911f941da543f7b44ddf457099aa97cb31947076](https://github.com/discourse/discourse/commit/911f941da543f7b44ddf457099aa97cb31947076)

The height should be adjusted, or better yet we should find a better way to style it that doesn’t involve hard coded pixel based heights.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [19 Enero, 2015 08:43 UTC](https://meta.discourse.org/t/mobile-header-is-taller-than-the-content/24144/2 "2015-01-19T08:43:08Z")

</div>

Thanks for the nudge, not sure why I set that height.

When removed, it seems fine on text-only-logo sites like [twittercommunity.com](http://twittercommunity.com) and more typical image-logo sites like here … so that’s what I did.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [19 Enero, 2015 08:46 UTC](https://meta.discourse.org/t/mobile-header-is-taller-than-the-content/24144/3 "2015-01-19T08:46:36Z")

</div>