Header troubles

Community Forums Forums Design Tips and Tricks Header troubles

This topic is: not resolved

Tagged: , ,

This topic contains 3 replies, has 3 voices, and was last updated by  Davinder Singh Kainth 3 years ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #676


    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



    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



    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?


    This should help:

    #header {
    #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.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.