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 ago.

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

    ambition
    Participant
    Post count: 23

    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?

    #78553

    David Chu
    Participant
    Post count: 1428

    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)

    [css]
    .site-header .wrap {
    max-width: none;
    }
    [/css]

    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

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

You must be logged in to reply to this topic.