Title: Scope Main Menu Padding?
Last modified: August 20, 2016

---

# Scope Main Menu Padding?

 *  Resolved [James Kenny Photography](https://wordpress.org/support/users/james-kenny-photography/)
 * (@james-kenny-photography)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/scope-main-menu-padding/)
 * 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](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!

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

 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/scope-main-menu-padding/#post-3487699)
 * 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.
 *  [LastForOne](https://wordpress.org/support/users/jarral/)
 * (@jarral)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/scope-main-menu-padding/#post-3487700)
 * 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
 *  Thread Starter [James Kenny Photography](https://wordpress.org/support/users/james-kenny-photography/)
 * (@james-kenny-photography)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/scope-main-menu-padding/#post-3487702)
 * 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.

## Tags

 * [logo](https://wordpress.org/support/topic-tag/logo/)
 * [padding](https://wordpress.org/support/topic-tag/padding/)
 * [top-menu](https://wordpress.org/support/topic-tag/top-menu/)

 * 3 replies
 * 3 participants
 * Last reply from: [James Kenny Photography](https://wordpress.org/support/users/james-kenny-photography/)
 * Last activity: [13 years, 2 months ago](https://wordpress.org/support/topic/scope-main-menu-padding/#post-3487702)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics