[Theme: Twenty Twelve] Help removing white space above header

Do you have a child theme or custom CSS set up? You absolutely should not be making any changes to theme files — they will be lost when WP is updated and you need a clean copy of the default theme for troubleshooting.

I do not believe I have a child theme or custom CSS set up. All I’ve done so far is pick out an existing theme/template and added content within that. Now I’m looking to refine the design a little bit.

All changes I made to the style.css, I undid once I realized they weren’t the solution.

Okay, so if you are only going to want to make CSS changes, a plugin such as jetpack will give you custom CSS – among other cool things! If you expect that you will want to do more major changes that involve custom layouts or modifying any theme files (.php files), then you’ll want to make a child theme. That way your changes won’t be lost upon update — you really don’t want to go there :).

Once you have that set up, try adding this to the new CSS section/file:

.site-header {
    margin-top: -23px;
    padding: 0;
}

Changed: 1595 line in style.css – margin-top to 0; to remove space before header.

body .site {
padding: 0;
padding: 0 2.857142857rem;
margin-top: 48px;
margin-top: 0;
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}