# Change header and logo size on home page
**URL:** https://meta.discourse.org/t/change-header-and-logo-size-on-home-page/65340
**Category:** UX
**Created:** [June 29, 2017, 3:10pm UTC](https://meta.discourse.org/t/change-header-and-logo-size-on-home-page/65340 "2017-06-29T15:10:14Z")
**Posts on this page:** 6
**Page:** 1
### Author:  [@Alexey\_Ayzin](https://meta.discourse.org/u/Alexey_Ayzin)
#### Post date: [June 29, 2017, 3:10pm UTC](https://meta.discourse.org/t/change-header-and-logo-size-on-home-page/65340/1 "2017-06-29T15:10:14Z")
I understand how to change the header and logo size in general.
```
.d-header #site-logo {
max-height: 140px;
}
.d-header {
height: 150px;
}
```
was used in the CSS section of admin. But I am wondering how to modify the size only on the home page.
---
### Author:  [@dax](https://meta.discourse.org/u/dax)
#### Post date: [June 29, 2017, 4:35pm UTC](https://meta.discourse.org/t/change-header-and-logo-size-on-home-page/65340/2 "2017-06-29T16:35:15Z")
Try to use this target in your css `.navigation-topics .logo-big` instead of `.d-header #site-logo`
---
### Author:  [@alexjpanagis](https://meta.discourse.org/u/alexjpanagis)
#### Post date: [August 11, 2020, 8:07am UTC](https://meta.discourse.org/t/change-header-and-logo-size-on-home-page/65340/3 "2020-08-11T08:07:35Z")
Hey Daniela, this CSS also doesn’t seem to work for me to change the size of the SVG logo in the nav…
Best,
Alex
---
### Author:  [@dax](https://meta.discourse.org/u/dax)
#### Post date: [August 11, 2020, 10:06am UTC](https://meta.discourse.org/t/change-header-and-logo-size-on-home-page/65340/4 "2020-08-11T10:06:57Z")
This is a very old topic, now there is a theme component to change the logo size of your site,
> [@Big Header - Little Header](https://meta.discourse.org/t/big-header-little-header/86811):
>
> This theme component will provide a stationary header with a large logo when scrolled at the top of the page. As you scroll down the page, the normal Discourse header bar will appear. This allows a large site logo to be cleanly displayed at the top of the page. On mobile, the header bar will only display when the phone is in portrait orientation. Vertical space is usually fairly limited when you are in landscape orientation, so this will keep things open. To see the header again, you can either…
---
### Author:  [@alexjpanagis](https://meta.discourse.org/u/alexjpanagis)
#### Post date: [August 11, 2020, 10:18am UTC](https://meta.discourse.org/t/change-header-and-logo-size-on-home-page/65340/5 "2020-08-11T10:18:54Z")
Hi Daniela, thank you! Never mind – figured it out. Here’s the CSS for anyone else that needs it:
```
.logo-big {
width:8vw!important;
min-width:100px;
}
```
---
### Author:  [@rishabh](https://meta.discourse.org/u/rishabh)
#### Post date: [August 11, 2020, 10:21am UTC](https://meta.discourse.org/t/change-header-and-logo-size-on-home-page/65340/6 "2020-08-11T10:21:45Z")