Title: Reduce header height
Last modified: November 5, 2019

---

# Reduce header height

 *  Resolved [sms12](https://wordpress.org/support/users/sms12/)
 * (@sms12)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/reduce-header-height-11/)
 * Hi pros,
 * I’ve got some css that adjusts the height / width of my header, however when 
   making it smaller (less than 100%) it doesn’t seem to reduce in height, rather
   just stays the same. I could have the wrong code, can someone please check:
 * header{
    height: 100%; width: 100%; }
 * I ideally want a thin strip of colour (img) as a header. It’s currently quick
   thick and pointless bar of colour.

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

 *  [puneettan336](https://wordpress.org/support/users/puneettan336/)
 * (@puneettan336)
 * [6 years, 4 months ago](https://wordpress.org/support/topic/reduce-header-height-11/#post-12307363)
 * I am facing the same issue. Any help?
 *  [Evan Herman](https://wordpress.org/support/users/eherman24/)
 * (@eherman24)
 * [6 years, 3 months ago](https://wordpress.org/support/topic/reduce-header-height-11/#post-12382627)
 * Hi [@sms12](https://wordpress.org/support/users/sms12/) and [@puneettan336](https://wordpress.org/support/users/puneettan336/)
 * Can either of you share a link to a site as an example? It sounds like you just
   want to minimize the size of the header, which it sounds like there may be a 
   min-height or some other CSS that is preventing things from working.
 * Feel free to share a link and one of us can help out the best we can.
 * Evan
 *  [puneettan336](https://wordpress.org/support/users/puneettan336/)
 * (@puneettan336)
 * [6 years, 3 months ago](https://wordpress.org/support/topic/reduce-header-height-11/#post-12383641)
 * Hi [@eherman24](https://wordpress.org/support/users/eherman24/) my website is:
   [http://www.youngurbanproject.com](http://www.youngurbanproject.com)
 * I have attempted to achieve this using additional CSS but I feel it’s not giving
   me the best result on mobile screen in terms of alignment (works fine on desktop
   though)
 *  [dfeuster](https://wordpress.org/support/users/dfeuster/)
 * (@dfeuster)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/reduce-header-height-11/#post-12448296)
 * Hello [@puneettan336](https://wordpress.org/support/users/puneettan336/),
 * It looks like you will need to update the `@media` query for the header at the
   specific breakpoint you’re having an issue with. For reference you can find info
   about `@media` queries here: [https://www.w3schools.com/css/css_rwd_mediaqueries.asp/](https://www.w3schools.com/css/css_rwd_mediaqueries.asp/).
    -  This reply was modified 6 years, 2 months ago by [dfeuster](https://wordpress.org/support/users/dfeuster/).

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

The topic ‘Reduce header height’ is closed to new replies.

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

## Tags

 * [header](https://wordpress.org/support/topic-tag/header/)
 * [height](https://wordpress.org/support/topic-tag/height/)

 * 4 replies
 * 3 participants
 * Last reply from: [dfeuster](https://wordpress.org/support/users/dfeuster/)
 * Last activity: [6 years, 2 months ago](https://wordpress.org/support/topic/reduce-header-height-11/#post-12448296)
 * Status: resolved