# Header bar got drunk on Firefox
**URL:** https://meta.discourse.org/t/header-bar-got-drunk-on-firefox/41245
**Category:** Bug
**Created:** [2016年三月18日 01:52 UTC](https://meta.discourse.org/t/header-bar-got-drunk-on-firefox/41245 "2016-03-18T01:52:38Z")
**Posts on this page:** 17
**Page:** 1
### Author:  [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [2016年三月18日 01:52 UTC](https://meta.discourse.org/t/header-bar-got-drunk-on-firefox/41245/1 "2016-03-18T01:52:38Z")
Since today on Firefox, when we scroll on a topic, the header bar has a weird alignment.
I’ve tried on Chrome to compare, and it works well.
---
### Author:  [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2016年三月18日 02:02 UTC](https://meta.discourse.org/t/header-bar-got-drunk-on-firefox/41245/2 "2016-03-18T02:02:26Z")
This is a topic for @neil
---
### Author:  [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2016年三月18日 02:08 UTC](https://meta.discourse.org/t/header-bar-got-drunk-on-firefox/41245/3 "2016-03-18T02:08:02Z")
I can also repro on Mobile Safari, but the alignment is different.
---
### Author:  [@joebuhlig](https://meta.discourse.org/u/joebuhlig)
#### Post date: [2016年三月18日 02:21 UTC](https://meta.discourse.org/t/header-bar-got-drunk-on-firefox/41245/4 "2016-03-18T02:21:50Z")
FWIW On my end (mobile Safari) it seems the logo is crammed to the left.
---
### Author:  [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [2016年三月18日 02:51 UTC](https://meta.discourse.org/t/header-bar-got-drunk-on-firefox/41245/5 "2016-03-18T02:51:08Z")
> [@joebuhlig](#):
>
> FWIW On my end (mobile Safari) it seems the logo is crammed to the left.
This happens on Chrome on Android too (Moto X 2014 - Android 6.0)
---
### Author:  [@daath](https://meta.discourse.org/u/daath)
#### Post date: [2016年三月18日 03:00 UTC](https://meta.discourse.org/t/header-bar-got-drunk-on-firefox/41245/6 "2016-03-18T03:00:06Z")
Yep, I got the same in Firefox, even here… It’s only when you’re scrolled a bit down inside a post…
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [2016年三月18日 03:30 UTC](https://meta.discourse.org/t/header-bar-got-drunk-on-firefox/41245/7 "2016-03-18T03:30:55Z")
I reverted the change for now @neil
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [2016年三月18日 04:14 UTC](https://meta.discourse.org/t/header-bar-got-drunk-on-firefox/41245/8 "2016-03-18T04:14:58Z")
Closing this as change was reverted
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [2016年三月18日 04:15 UTC](https://meta.discourse.org/t/header-bar-got-drunk-on-firefox/41245/9 "2016-03-18T04:15:00Z")
---
### Author:  [@neil](https://meta.discourse.org/u/neil)
#### Post date: [2016年三月18日 14:54 UTC](https://meta.discourse.org/t/header-bar-got-drunk-on-firefox/41245/10 "2016-03-18T14:54:12Z")
---
### Author:  [@neil](https://meta.discourse.org/u/neil)
#### Post date: [2016年三月18日 14:56 UTC](https://meta.discourse.org/t/header-bar-got-drunk-on-firefox/41245/11 "2016-03-18T14:56:15Z")
Hmm. Well I tried! All the browsers and devices I had looked fine. I did forget Firefox though. Even IE10 and IE11 were consistent with webkit browsers. Firefox is the new IE confirmed.
Both flexbox and display: table have proven to be fragile solutions. I’m the second person to take 5 attempts at this now, so who volunteers to be next? 😛
---
### Author:  [@simon](https://meta.discourse.org/u/simon)
#### Post date: [2016年三月18日 16:12 UTC](https://meta.discourse.org/t/header-bar-got-drunk-on-firefox/41245/12 "2016-03-18T16:12:33Z")
What is the problem that you are trying to solve?
---
### Author:  [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2016年三月18日 19:12 UTC](https://meta.discourse.org/t/header-bar-got-drunk-on-firefox/41245/13 "2016-03-18T19:12:17Z")
Vertical centering of the logo in the header, also working with text-only logos.
---
### Author:  [@simon](https://meta.discourse.org/u/simon)
#### Post date: [2016年三月18日 19:45 UTC](https://meta.discourse.org/t/header-bar-got-drunk-on-firefox/41245/14 "2016-03-18T19:45:46Z")
You can do it by setting the line-height on the `` element that contains the logo to equal to the max-height of the logo. That should work for all cases except for when the logo max-height is changed in a customization.
```plaintext
```
```css
a.logo-link {
line-height: 40px;
}
```
I’ve reduced the size of the logo here and but it stays centered.
---
### Author:  [@tibarra](https://meta.discourse.org/u/tibarra)
#### Post date: [2016年三月18日 22:22 UTC](https://meta.discourse.org/t/header-bar-got-drunk-on-firefox/41245/15 "2016-03-18T22:22:00Z")
I can’t repro this bug on my firefox broser, is the @simon solution the correct one?
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [2016年三月18日 22:22 UTC](https://meta.discourse.org/t/header-bar-got-drunk-on-firefox/41245/16 "2016-03-18T22:22:52Z")
Yeah, that is what I did 🙂
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [2016年三月18日 22:23 UTC](https://meta.discourse.org/t/header-bar-got-drunk-on-firefox/41245/17 "2016-03-18T22:23:14Z")