# Header logo is smaller after upgrading to 2.2.0.beta5
**URL:** https://meta.discourse.org/t/header-logo-is-smaller-after-upgrading-to-2-2-0-beta5/103114
**Category:** Support
**Created:** [11월 29, 2018, 9:54오후 UTC](https://meta.discourse.org/t/header-logo-is-smaller-after-upgrading-to-2-2-0-beta5/103114 "2018-11-29T21:54:57Z")
**Posts on this page:** 7
**Page:** 1
This update seems to have shrunk my header logo considerably. On both my English and French themes.
Any idea why? I can’t seem to figure out what might have changed.
---
[https://share.otf.ca/](https://share.otf.ca/)
It also broke the mobile theming in the header (menus). Which seems to be a result of the much smaller site logo in the header.
---
Looks related to [Mobile logo in header broken - #14 by Johani](https://meta.discourse.org/t/mobile-logo-in-header-broken/102592/14). The CSS shrinking the logo is below, added to Discourse 6 days ago. Going to ask @Johani to take a look when he’s online. You may simply need to override that CSS in your theme, or we may be able to fix it in Discourse, not sure.
```plaintext
.d-header #site-logo {
height: 2.57em;
}
```
---
> [@zapata\_36](#):
>
> This update seems to have shrunk my header logo considerably.
You can use the following to allow the logo to increase in size up-to the dimensions specified in your theme.
```plaintext
.d-header #site-logo {
height: auto;
}
```
> [@zapata\_36](#):
>
> It also broke the mobile theming in the header (menus)
I can’t really tell what’s broken because I don’t know what the desired result is.
If you’re noticing a particular problem, please specify what it is.
the logo size on mobile is actually set in your theme. You have these rules in your theme
```plaintext
@media screen and (max-width: 500px) {
#main #site-logo {
max-height: 60px;
}
}
@media screen and (max-width: 800px) {
#main #site-logo {
max-width: 100%;
}
}
```
I noticed that the caret icon is broken but that’s because we changed the way we handle FontAwesome icons.
You have this rule
```plaintext
@media screen and (max-width: 800px) {
.nav-open:before {
content:"\f0d7";
padding: 0 10px;
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
}
}
```
This doesn’t work anymore.
Since this is custom markup, you can inline the caret icon. You html currently looks like this
```plaintext
```
To add the icon back, you need to add this inside the label
```plaintext
```
So your markup becomes
```plaintext
```
and add the following CSS to add some margins and control the color of the icon
```plaintext
.custom-caret {
fill: white;
margin: 0 10px;
}
```
---