# Reduce the size of the header

**URL:** https://meta.discourse.org/t/reduce-the-size-of-the-header/75115
**Category:** Support
**Created:** [30.Ноябрь.2017 19:54:46 UTC](https://meta.discourse.org/t/reduce-the-size-of-the-header/75115 "2017-11-30T19:54:46Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Pravi7434](https://avatars.discourse-cdn.com/v4/letter/p/c5a1d2/32.png) [@Pravi7434](https://meta.discourse.org/u/Pravi7434)
#### Post date: [30.Ноябрь.2017 19:54:46 UTC](https://meta.discourse.org/t/reduce-the-size-of-the-header/75115/1 "2017-11-30T19:54:46Z")

</div>

Hello Guys,

Need some help to reduce the size of the top header using css, without affecting the mobile view.  
Here is my site: [https://neuraldatascience.com](https://neuraldatascience.com)  
 ![Screenshot at 2017-12-01 01-23-39](https://global.discourse-cdn.com/meta/optimized/3X/f/f/ffecc36adb68274251e0229a33a4a0d0d9f8b2f8_2_690x34.png)

Thank You.

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [30.Ноябрь.2017 23:30:50 UTC](https://meta.discourse.org/t/reduce-the-size-of-the-header/75115/2 "2017-11-30T23:30:50Z")

</div>

What do you mean with

> [@Pravi7434](#):
>
> reduce the size of the top header

?  
Do you want to reduce height or width?

However, you should be able to easily change the header for desktop by adding the prefix `.desktop-view` to your CSS.

---

<div class="post-metadata">

### Author: ![Pravi7434](https://avatars.discourse-cdn.com/v4/letter/p/c5a1d2/32.png) [@Pravi7434](https://meta.discourse.org/u/Pravi7434)
#### Post date: [01.Декабрь.2017 07:20:58 UTC](https://meta.discourse.org/t/reduce-the-size-of-the-header/75115/3 "2017-12-01T07:20:58Z")

</div>

Thanks for the response @Trash  
The header occupy much space. I am expecting to reduce the height of the header.

Thanks in advance.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [30.Январь.2020 11:03:17 UTC](https://meta.discourse.org/t/reduce-the-size-of-the-header/75115/4 "2020-01-30T11:03:17Z")

</div>



---

<div class="post-metadata">

### Author: ![Remah](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/remah/32/70590_2.png) [@Remah](https://meta.discourse.org/u/Remah)
#### Post date: [30.Январь.2020 11:08:55 UTC](https://meta.discourse.org/t/reduce-the-size-of-the-header/75115/5 "2020-01-30T11:08:55Z")

</div>

Теперь для этого существует компонент темы:

> [@Thin Header](https://meta.discourse.org/t/thin-header-component/77220?u=remah):
>
> discourse2Summary Thin Header reduces the height of the default Discourse header.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/thin-header)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-thin-header-theme-component](https://github.com/discourse/discourse-thin-header-theme-component)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features Before After It reduces the header height by about …

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [30.Январь.2020 12:28:41 UTC](https://meta.discourse.org/t/reduce-the-size-of-the-header/75115/6 "2020-01-30T12:28:41Z")

</div>