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 2 years, 9 months ago.

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


    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:  I appreciate your help :)



    Read this, it might help guide you –



    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;

    And under 03g:
    #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.