Making Header Full-Width & Difference Size

[ambition]

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]

Hi,
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

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Author]

Posts