Title: Gap between menu and header
Last modified: August 20, 2016

---

# Gap between menu and header

 *  Resolved [chris-wyatt](https://wordpress.org/support/users/chris-wyatt/)
 * (@chris-wyatt)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/gap-between-menu-and-header/)
 * Hi there.
 * Im a newbie. Have created a child and updated my version of wordpress and now
   my menu bar is not connected to my header. there is a 50-100 pixel white gap 
   between.
 * Have went through entire css and removed all padding pixels to 0 and followed
   all the other threads on this topic. Including reducing the size of header and
   playing around with the pixel parameters on css- which only led to entire page
   changing length.
 * I change the original **twenty ten** css in each case, as on my child the editor
   only shows the link to twenty ten css.
 * I am probably being dumb and not changing childs css directly may be the cause??
 * I would really appreciate any help with this problem
 * Cheers

Viewing 15 replies - 1 through 15 (of 21 total)

1 [2](https://wordpress.org/support/topic/gap-between-menu-and-header/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/gap-between-menu-and-header/page/2/?output_format=md)

 *  Thread Starter [chris-wyatt](https://wordpress.org/support/users/chris-wyatt/)
 * (@chris-wyatt)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/gap-between-menu-and-header/#post-3364607)
 * heres the link to my site, 🙂
 *  [Phil](https://wordpress.org/support/users/owendevelopment/)
 * (@owendevelopment)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/gap-between-menu-and-header/#post-3364611)
 * Open style.css (line 351)
 * Paste this instead of it.
 *     ```
       #site-title {
           float: left;
           font-size: 30px;
           line-height: 36px;
           margin: 0;
           width: 700px;
       }
       ```
   
 * Remove the 18px margin by pasting in the above.
 * Phil
 *  Thread Starter [chris-wyatt](https://wordpress.org/support/users/chris-wyatt/)
 * (@chris-wyatt)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/gap-between-menu-and-header/#post-3364618)
 * Cheers, I have done that, but didn’t change.
 * I think actually when I removed the original title by using <!– –> keys (as I
   use the header as title). By hiding them, it has caused the gap to appear. So
   will try going through my code again. But thanks for your help
 *  Thread Starter [chris-wyatt](https://wordpress.org/support/users/chris-wyatt/)
 * (@chris-wyatt)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/gap-between-menu-and-header/#post-3364621)
 * As I edited my header.php in child. Hiding the code for the title
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/gap-between-menu-and-header/#post-3364625)
 * Try adding this to your child theme style.css file:
 *     ```
       #site-title {
           margin: 0;
       }
       ```
   
 * Don’t make changes to your parent style.css file (or any other) — as they will
   be deleted when WP is updated.
 *  [piyushgoyal1](https://wordpress.org/support/users/piyushgoyal1/)
 * (@piyushgoyal1)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/gap-between-menu-and-header/#post-3364626)
 * can we add adsense code in the gap btw header??
    i am trying to add on bestugcnetcoaching.
   com
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/gap-between-menu-and-header/#post-3364627)
 * @piyshgoyal1 – if you need help, please start your own thread. It’s rude to interrupt
   another person’s thread unless you are contributing in answering his/her question.
 *  Thread Starter [chris-wyatt](https://wordpress.org/support/users/chris-wyatt/)
 * (@chris-wyatt)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/gap-between-menu-and-header/#post-3364628)
 * Thanks for that advice, I have replaced
 *     ```
       <a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>-->
   
       					</span>
       				<!--</<?php echo $heading_tag; ?>>
       				<div id="site-description"><?php bloginfo( 'description' ); ?></div>-->
       ```
   
 * with
 *     ```
       <!--<a>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>-->
   
       					</span>
       				<!--</<?php echo $heading_tag; ?>>
       				<div id="site-description"><?php bloginfo( 'description' ); ?></div>
       ```
   
 * And now back to normal, except I still have the Title problem, will follow another
   solution to getting rid of it, and hopefully it wont move the menu bar as well
 *  Thread Starter [chris-wyatt](https://wordpress.org/support/users/chris-wyatt/)
 * (@chris-wyatt)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/gap-between-menu-and-header/#post-3364630)
 * sorry only just saw you comment WPyogi. Did that change suggested but not effective,
   because I changed the header php file. Hiding the code for the title. That has
   caused this, I realise now. Thank you for your help. I will try another solution
   to getting rid of title text 🙂
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/gap-between-menu-and-header/#post-3364631)
 * Okay, what are you trying to remove? Using display: none; in your CSS may be 
   the easiest approach.
 *  Thread Starter [chris-wyatt](https://wordpress.org/support/users/chris-wyatt/)
 * (@chris-wyatt)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/gap-between-menu-and-header/#post-3364632)
 * Right, I was trying to remove my title on all pages, as my header has my logo
   and title. Used the remove keys as it was posted on another forum, but caused
   the gap as well in my case. Will try the display none suggestion
 *  Thread Starter [chris-wyatt](https://wordpress.org/support/users/chris-wyatt/)
 * (@chris-wyatt)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/gap-between-menu-and-header/#post-3364636)
 * Sorry to be a pain, but what would I need to write on the style sheet to specify
   removing the title from all pages. Have just looked at a few other forums, but
   haven’t been sucessful yet
 * Still looming horribly over header 🙂
 *  Thread Starter [chris-wyatt](https://wordpress.org/support/users/chris-wyatt/)
 * (@chris-wyatt)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/gap-between-menu-and-header/#post-3364642)
 *     ```
       #header a{
       color: #b6e1fe;
       display: none;
       }
       ```
   
 * Used this, but it got rid of my menu bar as well as the title above header
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 4 months ago](https://wordpress.org/support/topic/gap-between-menu-and-header/#post-3364644)
 * This may help [http://wordpress.org/extend/plugins/hide-title/](http://wordpress.org/extend/plugins/hide-title/)
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/gap-between-menu-and-header/#post-3364645)
 * Try this:
 *     ```
       h1#site-title {
          display: none;
       }
       ```
   

Viewing 15 replies - 1 through 15 (of 21 total)

1 [2](https://wordpress.org/support/topic/gap-between-menu-and-header/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/gap-between-menu-and-header/page/2/?output_format=md)

The topic ‘Gap between menu and header’ is closed to new replies.

## Tags

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

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 21 replies
 * 5 participants
 * Last reply from: [chris-wyatt](https://wordpress.org/support/users/chris-wyatt/)
 * Last activity: [13 years, 4 months ago](https://wordpress.org/support/topic/gap-between-menu-and-header/page/2/#post-3364654)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics