Metro Theme Header and Menu Padding

[Kassiah]

Hi everyone! I would like the header image (and the menu below it) to go the width of the #wrap, with no padding on either side.  Here's my test site: http://www.blogfriendsforever.com/sitefour/blog  I appreciate your help 🙂

[Anita]

Read this, it might help guide you - http://www.carriedils.com/move-header-footer-genesis/948.

---

Love coffee, chocolate and my Bella!

[Kassiah]

Thanks, anitac, that is a great tutorial, but not exactly what I needed as I do not want the header or the menu to go the full width, like the footer.

I just added some negative margins to the header and the #nav. In case anyone else is looking for this, I'll post it here.

Under section 03c:

/* 03c - Header ----------- */

#header {
min-height: 350px;
overflow: hidden;
margin:-0.25em -2.625em 0;
margin:-4px -41px 0;
background-size:cover;
}

And under 03g:
p.pages,
.clear,
.clear-line,
.first,
.home-bottom,
.home-middle,
#nav {
clear: both;
margin:0 -2.5625em .625rem;
margin:0 -41px 10px;
}

 

[Author]

Posts