# Hoe to reduce the height of the header?

**URL:** <https://colorlibsupport.com/t/hoe-to-reduce-the-height-of-the-header/31209>\
**Category:** Travelify\
**Created:** [January 9, 2022, 3:20pm UTC](https://colorlibsupport.com/t/hoe-to-reduce-the-height-of-the-header/31209 "2022-01-09T15:20:58Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Helmut](https://colorlibsupport.com/user_avatar/colorlibsupport.com/helmut/32/10204_2.png) [@Helmut](https://colorlibsupport.com/u/Helmut)\
**Post date:** [January 9, 2022, 3:20pm UTC](https://colorlibsupport.com/t/hoe-to-reduce-the-height-of-the-header/31209/1 "2022-01-09T15:20:58Z")

</div>

Hallo experts,  
The header takes up too much space especially on a mobile phone.  
The link to my website is :  
[https://wey2.net/](https://wey2.net/)

How can I reduce the height of the header?  
Is it possible to define a different height for a mobile device?

Regards,  
Helmut

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [January 10, 2022, 9:19am UTC](https://colorlibsupport.com/t/hoe-to-reduce-the-height-of-the-header/31209/2 "2022-01-10T09:19:01Z")

</div>

Hi Helmut

Sure, i can help you but can you tell show me a screenshot of what you want to reduce? it looks normal for me 🙂

---

<div class="post-metadata">

**Author:** ![Helmut](https://colorlibsupport.com/user_avatar/colorlibsupport.com/helmut/32/10204_2.png) [@Helmut](https://colorlibsupport.com/u/Helmut)\
**Post date:** [January 10, 2022, 3:20pm UTC](https://colorlibsupport.com/t/hoe-to-reduce-the-height-of-the-header/31209/3 "2022-01-10T15:20:42Z")

</div>

The header takes a lot od space of the screen especially on a mobile phone.  
Here is a screenshot:

 ![Reduce height of the header of website WEY2.NET](https://colorlibsupport.com/uploads/default/original/2X/4/413750fc51d45e2d6b7e2a31d28c9c54602c5130.png)

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [January 11, 2022, 9:04am UTC](https://colorlibsupport.com/t/hoe-to-reduce-the-height-of-the-header/31209/4 "2022-01-11T09:04:06Z")

</div>

Thanks, Helmut

Here is the code:

```auto
#site-logo {
    margin-top: 0px;
}
.hgroup-wrap {
    padding-top: 5px;
    padding-bottom: 5px;
}

```

---

<div class="post-metadata">

**Author:** ![Helmut](https://colorlibsupport.com/user_avatar/colorlibsupport.com/helmut/32/10204_2.png) [@Helmut](https://colorlibsupport.com/u/Helmut)\
**Post date:** [January 11, 2022, 10:10am UTC](https://colorlibsupport.com/t/hoe-to-reduce-the-height-of-the-header/31209/5 "2022-01-11T10:10:17Z")

</div>

Thanks for the solution.

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [January 12, 2022, 8:02am UTC](https://colorlibsupport.com/t/hoe-to-reduce-the-height-of-the-header/31209/6 "2022-01-12T08:02:31Z")

</div>

You are welcome Helmut 🙂

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [January 12, 2022, 8:02am UTC](https://colorlibsupport.com/t/hoe-to-reduce-the-height-of-the-header/31209/7 "2022-01-12T08:02:34Z")

</div>