Header troubles

[abackpackerstale]

Does anyone know how to get your header to cover the whole width of a page. Ideally I would like to do this with an image. But would settle if I could pick a color for the header and it would cover the full width of the page. Thanks

[SoZo]

All you need to do is remove the width from the header's container usually the #wrap and then remove the width from the #header rule.

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[abackpackerstale]

I am in the Genesis framework and I set the #Wrap padding to zero. I am not sure how to remove the width from the #header rule. Is that in my code?

[Davinder Singh Kainth]

This should help:


#header {
background:#000;
width:100%;
}
#header .wrap {
margin: 0 auto;
overflow: hidden;
width: 960px;
}

1. Above header class show black background covering full width.
2. Header wrap define style in content portion of 960px, you can add background style to give different color or image.

Ideally, you need to set header to 100% width and add new header wrap class style.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Author]

Posts