WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Scope Main Menu Padding? (4 posts)

  1. James Kenny Photography
    Member
    Posted 1 year ago #

    Hi all,

    I'm not sure if I've posted this in the right section or not, but here goes...

    On my site (http://www.jkenny.co.uk) we've just added a new logo which is slightly larger than the old one. My problem with it is that there seems to be around 15px of padding above the logo and 15px of padding below it, resulting in the top menu looking too large. Is there a way to remove the padding so that the top menu just matches the height of the logo?

    Also, is it also possible to alignt the text in the menu so it sits in the middle (vertically)?

    Thanks in advance!

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  3. LastForOne
    Member
    Posted 1 year ago #

    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

  4. James Kenny Photography
    Member
    Posted 1 year ago #

    Thanks very much for the replies!

    Worked perfectly!

    =)

Topic Closed

This topic has been closed to new replies.

About this Topic