Header Centered on body instead of stretched whole screen

  • Right now my header logo and header menu, stretches against the width of the screen, depending on what size screen you have.

    I want it to be a fixed image that is centered above the body of my site, the width of that is 868px.

    I found this code in style.css but not sure what to change to make this happen. I see it has the words repeat but not sure if I should change that.

    #header {
    background:url(“images/header_image.jpg”) repeat-x top center;
    border-bottom:6px solid #FFF;
    clear:both;
    color:#fff;
    float:left;
    height:120px;
    margin:0;
    padding:0;
    width:100%;
    }

    Basically I want the background to show on the left and right areas, and the header be only as wide as the body of my site.

    https://www.averageguygolf.com

    Thanks

Viewing 16 replies (of 16 total)
  • Thread Starter KconleyK

    (@kconleyk)

    haha if I could hire a css expert my life would be set, I just don’t have the funds for that right now. That is why I am trying it by myself, I know it is just a band-aid and if the site ever does take off I plan to revamp the site on a new improved theme but for now I need to do it on my own. I appreciate all your help, and hopefully someone can do the center but off 24 pixel code part.

Viewing 16 replies (of 16 total)
  • The topic ‘Header Centered on body instead of stretched whole screen’ is closed to new replies.