Widen header width on 2012 template?

  • Resolved DebT

    (@debbiet)


    10 years, 2 months ago

    Hi there, I’m working on a new blog and would like the header graphics to span to the edges of the “page” rather than having padding on either side, but I can’t figure out how to do that. I see that the CSS for .site has padding right and left– is there an easy way to just over-ride that for the header? Here’s an example of an existing page: https://worththenoting.com/uncategorized/a-note-on-making-a-list/

    I’d like to get the header images to span the width of the page like my original design:
    Image here

    Any help would be appreciated. And Happy New Year!

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

  • Haven’t tried this but here’s a tutorial on how to do it https://wpbeaches.com/make-full-width-header-and-footer-in-wordpress-twenty-twelve-theme/

    Thread Starter DebT

    (@debbiet)

    Thank you, I’ll head over there.

    Thread Starter DebT

    (@debbiet)

    Got a chance to look at the link and it’s for making the header/footer the full width of the browser window. I just want it the width of the page. But I’ll take a fresh look tomorrow and see if I can adapt the instructions to do what I want. Thanks!

    Thread Starter DebT

    (@debbiet)

    What I finally ended up doing was making a style #masthead, width: 100%, plus set any other divs that I wanted to span width of the page in the header to 100% . That made my header content and navigation span the width of my page, which is what I wanted.

    Next I removed the padding from .site, .site-content and .site-header. I then added padding back into .site-content and .main-navigation so that the navigation and content would be indented left and right.

    https://worththenoting.com/about/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Widen header width on 2012 template?’ is closed to new replies.