Title: CSS help with header
Last modified: August 19, 2016

---

# CSS help with header

 *  [healthydelicious](https://wordpress.org/support/users/healthydelicious/)
 * (@healthydelicious)
 * [17 years, 2 months ago](https://wordpress.org/support/topic/css-help-with-header/)
 * I’m in the process of moving my blog over the the .org site from the .com one
   and I’d like to keep the layout the same. For some reason, I wasn’t able to edit
   my custom header as easily over here. Here’s what I want the header to look like:
   healthydelicious.wordpress.com. Right now, there is a huge gap under it and the
   white background isn’t right (the search box and rss links are down too low or
   something.) Anyone have any idea where I went wrong here? This is as close as
   I’ve been able to get: healthy-delicious.com.

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

 *  [stvwlf](https://wordpress.org/support/users/stvwlf/)
 * (@stvwlf)
 * [17 years, 2 months ago](https://wordpress.org/support/topic/css-help-with-header/#post-1024847)
 * Hi
 * There are a number of differences between your code on wp.com and your standalone
   site
 * This is the start of the header code from wp.com
    <`div id=”header”> <div id=”
   menu”>
    - [Home](http://healthydelicious.wordpress.com/)
    -  <li class=”page_item page-item-2″>[About](http://healthydelicious.wordpress.com/about/)
 *  </div>
 *  <div id=”header-box”>
    <div id=”header-image”> <img src=”[http://healthydelicious.files.wordpress.com/2009/02/cropped-hdhead12.jpg&#8221](http://healthydelicious.files.wordpress.com/2009/02/cropped-hdhead12.jpg&#8221);
   alt=””> </div> <div id=”header-overlay”> <img src=”[http://s2.wordpress.com/wp-content/themes/pub/digg3/images/bg_header_overlay.png&#8221](http://s2.wordpress.com/wp-content/themes/pub/digg3/images/bg_header_overlay.png&#8221);
   alt=””> </div>`
 * This is the start of the header code from your site:
 *     ```
       <div id="container">
         <div id="menu">
           <ul>
       	<li><a href="http://healthy-delicious.com/" title="healthy-delicious.com">Home</a></li>
       	<li><a href="http://healthy-delicious.com/about/" title="About">About</a></li>
   
               <div id="header">
         	  <div id="pagetitle">
         	    <h1><a href="http://healthy-delicious.com/" title="healthy-delicious.com"></a></h1>
       	</div>
       ```
   
 * Also, on your site you have attached your image as a background image using CSS,
   which is not how it is done on the wp.com site.
 * The header area CSS also is different between the two sites.
 * Your best bet is to copy how your wp.com site is set up as closely as you can.
 *  [stvwlf](https://wordpress.org/support/users/stvwlf/)
 * (@stvwlf)
 * [17 years, 2 months ago](https://wordpress.org/support/topic/css-help-with-header/#post-1024848)
 * oops, i messed up the top code – let me post the wp.com code again
 * This is the start of the header code from wp.com
 *     ```
       <div id="header">
         <div id="menu">
           <ul>
       	<li><a href="http://healthydelicious.wordpress.com/" title="Healthy Delicious">Home</a></li>
       	<li class="page_item page-item-2"><a href="http://healthydelicious.wordpress.com/about/" title="About">About</a></li>
           </ul>
         </div>
   
         <div id="header-box">
           <div id="header-image">
       	<img src="http://healthydelicious.files.wordpress.com/2009/02/cropped-hdhead12.jpg" alt="">
           </div>
           <div id="header-overlay">
       	<img src="http://s2.wordpress.com/wp-content/themes/pub/digg3/images/bg_header_overlay.png" alt="">
           </div>
       ```
   

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

The topic ‘CSS help with header’ is closed to new replies.

## Tags

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

 * 2 replies
 * 2 participants
 * Last reply from: [stvwlf](https://wordpress.org/support/users/stvwlf/)
 * Last activity: [17 years, 2 months ago](https://wordpress.org/support/topic/css-help-with-header/#post-1024848)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics