• romanceandrealism

    (@romanceandrealism)


    Hi everyone,
    We’re pretty new at this, and having trouble getting the header wider than the body on our site. The goal is basically to have the header be 1050 px and the body below it 1000px, with a white background for both, and the header to be centered over the body content with the edges overlapping. If anyone can take a look, we’re at http://storytinkers.com/

    Any help would be appreciated. Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Clayton James

    (@claytonjames)

    You can try changing this;

    #branding {
    margin: 0em auto;
    }

    to

    #branding {
    margin: 0em -25px;
    }

    I’m not sure if that’s the best way to do it or not, but the image looked centered with a 25px overhang on both sides in firefox/firebug, but you should probably test it well and keep an eye out for any unwanted side effects.

    Thread Starter romanceandrealism

    (@romanceandrealism)

    It worked! Thank you so much!

    Clayton James

    (@claytonjames)

    You’re welcome! Glad it worked.

    I have the same question, but have a Genesis child theme and am having some difficulty accomplishing this. I want my header to be 1100 px and my content to stay the same (currently 960 px). I, too, would like my Header centered over the content and I also want my navbar above the header to stay where it is. Any help?

    Thanks in advance.

    Website

    1. This is a 9 month old topic.

    2. As per the Forum Welcome, please post your own topic. Posting in an existing topic (especially one that is 9 months old, refers to a different theme and a different version of WordPress) prevents us from being able to track issues by topic. Your problem – despite any similarity in symptoms – is likely to be completely different.

    3. I’m sorry but as you are using a commercial theme, you need to seek support from the theme’s vendors. We do not support commercial themes here.
    http://www.studiopress.com/support

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to make header wider than the body’ is closed to new replies.