How do I remove the gray bar from my header? (twenty eleven theme)

If you post a link to your site, someone can look at it.

Hi,

My website can be found here: https://www.laptopdealscentral.com/

Andy

Are you using a child theme or a custom CSS plugin?

– I’ve just been editing the code within #branding style.css from the back-end

appearance->editor->style.css is where I’ve been trying to remove the header

Do not edit the Twenty Eleven theme. First create a child theme for your changes.

I’ve created a Twenty Eleven child theme and got rid of the gray bar but now my search field has fallen to the middle of the page!

Here is my style.css:

/*
Theme Name: Twentyeleven Child Theme
Description: Child theme for the twentyeleven theme
Author: Bob
Template: twentyeleven
*/

@import url(“../twentyeleven/style.css”);

#branding {
border-top: none;
padding-bottom: 10px;
position: relative;
z-index: 2;
}

On line 628 of your styles.css you will find:

#branding .with-image #searchform {
top: auto;
bottom: 20px;
max-width: 195px;
}

Just add these to your child css and fiddle with the top and bottom values.

Hi Christine,

Modifying the top and bottom values doesn’t change the location of the search box unfortunately. I’ve cleared the cache but the search box stays in the same position

Where is it supposed to be? I removed “bottom: -27px;” from the following in Firebug and it moved the box way up, but I think farther up than you want.

#branding .with-image #searchform {
top: auto;
bottom: -27px;
max-width: 195px;
}

Sorry, I think I was having a cache problem. I disabled W3 total cache temporarily while I edit the css, and cleared my web browser history and now I can see it is back in the right place.

I also deleted an invisible character before #branding that was apparently producing a strange error.

Thanks!

hey its Chris.
hey how do you remove the wordpress header off your site mate? I don’t need the world to see that across the top of my webpage.