# Increase header size when using Graceful theme
**URL:** https://meta.discourse.org/t/increase-header-size-when-using-graceful-theme/314568
**Category:** Development
**Tags:** graceful-theme
**Created:** [March 8, 2019, 7:31pm UTC](https://meta.discourse.org/t/increase-header-size-when-using-graceful-theme/314568 "2019-03-08T19:31:58Z")
**Posts on this page:** 10
**Page:** 1
### Author:  [@LlamaSensei](https://meta.discourse.org/u/LlamaSensei)
#### Post date: [March 8, 2019, 7:31pm UTC](https://meta.discourse.org/t/increase-header-size-when-using-graceful-theme/314568/1 "2019-03-08T19:31:58Z")
We’ve been modifying the CSS from this theme a bit, & we’re trying to identify how to increase the banner at the top of the screen. Any tips on how to do this?
---
### Author:  [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [March 8, 2019, 7:38pm UTC](https://meta.discourse.org/t/increase-header-size-when-using-graceful-theme/314568/2 "2019-03-08T19:38:44Z")
Can you show us a mock-up of how you want to change it?
---
### Author:  [@LlamaSensei](https://meta.discourse.org/u/LlamaSensei)
#### Post date: [March 8, 2019, 7:55pm UTC](https://meta.discourse.org/t/increase-header-size-when-using-graceful-theme/314568/3 "2019-03-08T19:55:44Z")
So currently this is how the banner at the top of the site looks:
We’re just trying to increase the height to something like this:
So far we’ve only been able to increase the logo image size. No success with the banner.
---
### Author:  [@dax](https://meta.discourse.org/u/dax)
#### Post date: [March 8, 2019, 8:19pm UTC](https://meta.discourse.org/t/increase-header-size-when-using-graceful-theme/314568/4 "2019-03-08T20:19:53Z")
It’s the header, not a banner. You can take a look to this component [Big Header - Little Header](https://meta.discourse.org/t/big-header-little-header/86811), however the CSS target is
```css
.d-header {
height: ;
}
```
---
### Author:  [@LlamaSensei](https://meta.discourse.org/u/LlamaSensei)
#### Post date: [March 8, 2019, 8:20pm UTC](https://meta.discourse.org/t/increase-header-size-when-using-graceful-theme/314568/5 "2019-03-08T20:20:30Z")
Now I just feel silly lol.
Thanks!
---
### Author:  [@1world279](https://meta.discourse.org/u/1world279)
#### Post date: [March 8, 2019, 9:40pm UTC](https://meta.discourse.org/t/increase-header-size-when-using-graceful-theme/314568/6 "2019-03-08T21:40:18Z")
@dax, I’m on the same team with @LlamaSensei. What we really want to do is the increase the navbar height. I did not find the relevant code in CSS. Should we add a code to achieve this?
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [March 8, 2019, 10:06pm UTC](https://meta.discourse.org/t/increase-header-size-when-using-graceful-theme/314568/7 "2019-03-08T22:06:03Z")
Are you talking about this bar at the top of the site? (if not please provide a screenshot)
That’s `.d-header` as shown in the example CSS above
---
### Author:  [@1world279](https://meta.discourse.org/u/1world279)
#### Post date: [March 8, 2019, 10:33pm UTC](https://meta.discourse.org/t/increase-header-size-when-using-graceful-theme/314568/8 "2019-03-08T22:33:44Z")
Yes that one and I tried the editing the height in .d-header but it didn’t\* work.
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [March 12, 2019, 1:00am UTC](https://meta.discourse.org/t/increase-header-size-when-using-graceful-theme/314568/9 "2019-03-12T01:00:52Z")
Where/how are you editing it? I’m assuming you’re editing the theme directly?
If you’re editing the theme and adding it to `common` it won’t work, because it’s defined in `desktop` (and you’d need to add it to the end of desktop). The C in CSS stands for Cascade, so you need to be sure that you’re making changes to `.d-header` _after_ where it exists in the theme.
I highly recommend creating a new theme component, adding your custom CSS there, and then add the component to the theme (rather than editing the theme directly). It would avoid this problem, and ensure your edits aren’t overwritten when the theme is updated.
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [July 2, 2024, 7:38am UTC](https://meta.discourse.org/t/increase-header-size-when-using-graceful-theme/314568/10 "2024-07-02T07:38:21Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.