Reply To: Trouble Changing header.site-header CSS

There are a couple ways you can handle this.

The easiest way (probably) is to recreate your image, and add space at the top of it so it doesn’t appear at the very top of the site.

The other way is to add padding to the top of the “.head-wrap” since that’s what the header is inside of, and the “.head-wrap” is what shows the background you see. In order to do this, I would adjust the padding of the “header right” widget area so everything lines up. Here is the exact code to edit –

1. Add padding to the .head-wrap on line 1916 in your css –

.head-wrap {
    background: #303236;
    margin: 0px 0 40px;
    padding: 20px 0 0;
}

2. Adjust the padding on the header right widget area code on line 2017 –

.header-image .site-header .widget-area {
    padding: 10px 0 20px;
    padding: 0.625rem 0 1.25rem;
}

Doing the above should give you this result – http://i.imgur.com/IK8Ricm.png

Let me know if that works.

BTW Your site is looking pretty good so far! Definitely let me know when its done so I can add it to the Showcase thats coming soon.