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 1 year, 5 months ago.

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

    abackpackerstale
    Participant
    Post count: 5

    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

    #693

    SoZo
    Moderator
    Post count: 1573

    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

    #703

    abackpackerstale
    Participant
    Post count: 5

    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?

    #1071

    Davinder Singh Kainth
    Participant
    Post count: 977

    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.


    Need website customization services or other Genesis / WordPress help ?
    Davinder @ Design Studio iGuiding Media | My Blog | Fresh Genesis Themes Collection

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

You must be logged in to reply to this topic.