Title: Make header smaller
Last modified: August 19, 2016

---

# Make header smaller

 *  [shoppinghour](https://wordpress.org/support/users/shoppinghour/)
 * (@shoppinghour)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/make-header-smaller/)
 * Hi. I’m trying to remove the header space as much as possible so that my image
   on top is my new header.
 * My site is [http://www.shoppinghour.net](http://www.shoppinghour.net)
 * The problem is, when I edit the style.css and I change the height value of the
   header from 200px to 0px, the border gets cut off rather than being nicely rounded:
 * #header {
    background-color: #73a0c5; margin: 0 0 0 1px; padding: 0; height: 
   200px; width: 758px; }
 * Help?

Viewing 1 replies (of 1 total)

 *  [offspring](https://wordpress.org/support/users/offspring/)
 * (@offspring)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/make-header-smaller/#post-1289674)
 * This is the source code of your page:
 *     ```
       <body class="home blog">
       <a href="http://www.shoppinghour.net/" >
         <img src="http://www.shoppinghour.net/wp-content/header-images/Ania.jpg" alt="Ania.jpg" title="Ania.jpg" />
       </a>
       <div id="page">
         <div id="header" role="banner">
           <div id="headerimg">
             <h1><a href="http://www.shoppinghour.net/"></a></h1>
             <div class="description"></div>
           </div>
       </div>
       <hr />
       <div id="content" class="narrowcolumn" role="main">
       ```
   
 * As you can see your header image is outside of the page layout for some reason.
   You should probably edit your theme to get something like this:
 *     ```
       <body class="home blog">
       <div id="page">
         <div id="header" role="banner">
           <div id="headerimg">
             <h1><a href="http://www.shoppinghour.net/" >
               <img src="http://www.shoppinghour.net/wp-content/header-images/Ania.jpg" alt="Ania.jpg" title="Ania.jpg" />
             </a></h1>
             <div class="description"></div>
           </div>
       </div>
       <hr />
       <div id="content" class="narrowcolumn" role="main">
       ```
   

Viewing 1 replies (of 1 total)

The topic ‘Make header smaller’ is closed to new replies.

## Tags

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

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 2 participants
 * Last reply from: [offspring](https://wordpress.org/support/users/offspring/)
 * Last activity: [16 years, 4 months ago](https://wordpress.org/support/topic/make-header-smaller/#post-1289674)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
