Title: Problem with CSS for Header & Reponsiveness
Last modified: August 30, 2016

---

# Problem with CSS for Header & Reponsiveness

 *  [Abigailm](https://wordpress.org/support/users/abigailm/)
 * (@abigailm)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/problem-with-css-for-header-reponsiveness/)
 * Current theme options allow for setting of a header height:
 * > Header Height
   >  Enter height in px, minimum recommended height is 125px
 * However, when this height is set, it causes the header to overlap with other 
   page elements when there is a lot of text in the header, and the page is sized
   down to narrower formats. I suppose that this could be resolved by setting a 
   larger height in those cases, but that would tend to have a negative impact on
   page layout for full width viewing.
 * I resolved this problem by setting this element in the CSS file for my child 
   theme:
 * `div.header { height: auto; }`
 * Just sharing in case others run into similar issues.

The topic ‘Problem with CSS for Header & Reponsiveness’ is closed to new replies.

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

## Tags

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

 * 0 replies
 * 1 participant
 * Last reply from: [Abigailm](https://wordpress.org/support/users/abigailm/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/problem-with-css-for-header-reponsiveness/)
 * Status: not resolved