Title: Reduce Header
Last modified: December 16, 2020

---

# Reduce Header

 *  [leganz](https://wordpress.org/support/users/leganz/)
 * (@leganz)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/reduce-header/)
 * Hello!
 * I have the header very big, I want to reduce the height. Do you how I can change
   it?
 * Thanks!!!!
 * 🙂
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Freduce-header%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [Milos Vlaisavljevic](https://wordpress.org/support/users/gdmilos/)
 * (@gdmilos)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/reduce-header/#post-13814888)
 * Hey [@leganz](https://wordpress.org/support/users/leganz/),
 * Thanks for reaching out! 🙂
 * The following CSS code should reduce the header height:
 *     ```
       @media only screen and (min-width: 40.063em){
       	.site-title {
           padding: 0;
       	}
       	.main-navigation ul a {
       		padding-top: 0.9em;
           padding-bottom: 0.9em;
       	}
       }
       ```
   
 * [This](https://prnt.sc/w6qdnr) is how the header will look like once you add 
   the code.
 * Feel free to adjust values from the provided code by your choice.
 * Let me know if the code helps!
 * Kind Regards,
    Milos | GoDaddy
 *  Thread Starter [leganz](https://wordpress.org/support/users/leganz/)
 * (@leganz)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/reduce-header/#post-13826095)
 * Thanks Milos!! 🙂
 * But where do I have to write it? I put it in CSS additional but nothing happened.
   
   Is there something of the code that do I have to change?
 * Thanks again 🙂
 *  Thread Starter [leganz](https://wordpress.org/support/users/leganz/)
 * (@leganz)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/reduce-header/#post-13827353)
 * Perfect Milos,
    Now it has worked, Do you know how to put another header like
   in this photo the red part?
 * > [View post on imgur.com](https://imgur.com/ePySdJc)
 * Thanks a lot 🙂 🙂 🙂
 *  [Milos Vlaisavljevic](https://wordpress.org/support/users/gdmilos/)
 * (@gdmilos)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/reduce-header/#post-13836661)
 * Hey [@leganz](https://wordpress.org/support/users/leganz/),
 * I’m happy to see that you’ve managed to add the red top bar on your site in the
   meantime!
 * Kind Regards,
    Milos | GoDaddy

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Reduce Header’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/velux/1.1.3/screenshot.png)
 * Velux
 * [Support Threads](https://wordpress.org/support/theme/velux/)
 * [Active Topics](https://wordpress.org/support/theme/velux/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/velux/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/velux/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [Milos Vlaisavljevic](https://wordpress.org/support/users/gdmilos/)
 * Last activity: [5 years, 5 months ago](https://wordpress.org/support/topic/reduce-header/#post-13836661)
 * Status: not resolved