Metro Theme Header and Menu Padding

Community Forums Forums Design Tips and Tricks Metro Theme Header and Menu Padding

This topic is: not resolved

Tagged: , ,

This topic contains 2 replies, has 2 voices, and was last updated by  Kassiah 1 year, 1 month ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #22624

    Kassiah
    Participant
    Post count: 9

    Hi everyone! I would like the header image (and the menu below it) to go the width of the #wrap, with no padding on either side.  Here’s my test site: http://www.blogfriendsforever.com/sitefour/blog  I appreciate your help :)

    #22705

    anitac
    Participant
    Post count: 6404

    Read this, it might help guide you – http://www.carriedils.com/move-header-footer-genesis/948.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #22764

    Kassiah
    Participant
    Post count: 9

    Thanks, anitac, that is a great tutorial, but not exactly what I needed as I do not want the header or the menu to go the full width, like the footer.

    I just added some negative margins to the header and the #nav. In case anyone else is looking for this, I’ll post it here.

    Under section 03c:

    /* 03c – Header ———– */

    #header {
    min-height: 350px;
    overflow: hidden;
    margin:-0.25em -2.625em 0;
    margin:-4px -41px 0;
    background-size:cover;
    }

    And under 03g:
    p.pages,
    .clear,
    .clear-line,
    .first,
    .home-bottom,
    .home-middle,
    #nav {
    clear: both;
    margin:0 -2.5625em .625rem;
    margin:0 -41px 10px;
    }

     

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

You must be logged in to reply to this topic.