Support » Themes and Templates » Scope Main Menu Padding?

Viewing 3 replies - 1 through 3 (of 3 total)
  • There’s padding on the whole header element:

    #header {
        background: none repeat scroll 0 0 #FFFFFF;
        font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
        padding: 20px 20px 13px;
    }

    You should be able to adjust the menu alignment using this CSS:

    #primary-nav {
        float: right;
        height: 35px;
        margin-top: 8px;
    }

    Do be aware that it’s not recommended to make any changes to theme files – but rather use a Child Theme or custom CSS option or plugin so that your changes won’t be overwritten when the theme is updated.

    But as you are using a commercial theme, you should contact the vendor/developer for further assistance — as we don’t support commercial themes here.

    Few simple tweaks should do the trick, edit the style.css file of your theme search for #header change padding from 20px to 15px do same with #primary-nav it has a margin of 8px change it to 15px.

    This is what it should look like after editing:

    #header {
        background: #fff;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        padding: 15px 13px; /* old value 20px 20px 13px */
    }
    #primary-nav {
        float: right;
        height: 35px;
        margin-top: 15px; /* old Value 8px */
    }

    Edit: Well WPyogi beats me by 5mins i was still busy writing the reply;

    Peace,
    LastForOne

    James Kenny Photography

    (@james-kenny-photography)

    Thanks very much for the replies!

    Worked perfectly!

    =)

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Scope Main Menu Padding?’ is closed to new replies.