Making Header Full-Width & Difference Size

Community Forums Forums Design Tips and Tricks Making Header Full-Width & Difference Size

This topic is: not resolved

Tagged: ,

This topic contains 1 reply, has 2 voices, and was last updated by  David Chu 1 year, 11 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #78550


    Can I make the header in Magazine full-width like the primary nav bar? I don’t know the size of it yet but it would be a lot bigger than the default. Where would I go to change the specs?


    David Chu

    You can. But there’s some CSS work involved. There’s no link, so I’ll give you a code sample about the demo. This code in style.css will make the header wider. That will make things go all the way to the edge, so some re-styling on various header elements will probably be needed. (I actually like Magazine’s header the way it is)

    .site-header .wrap {
      max-width: none;

    This theme wouldn’t require too much coding to set up this way. I’ve noticed that some older Genesis themes and 3rd party ones use a sized container for the whole page, so this makes more work to make a section full width, but still not bad for a CSS coder.


    Dave Chu ยท Custom WordPress Developer – likes collaborating with Designers

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

You must be logged in to reply to this topic.