增加菜单上方的填充

Question

下午好，

我想做两件事：1）增加菜单上方的填充。 2）在页面上居中我的菜单。

很遗憾，我是初学者，不知道执行这些功能所需的代码。任何帮助将不胜感激。

截图： https://flic.kr/p/omS63R

网页：http://visualicreative.com/employee-of-the-month-videos/

以下是我目前在此模板上使用的其他代码：

#thumbnails .controls  { display:  none !important; }

.page-template-template-fullsize-php #main {
max-width: none !important;
}

#primary { box-shadow: none; border: 0 none; }

.page-template-template-fullsize-php #main { margin-top: 0; }

.page-template-template-fullsize-php #header { margin-bottom: 0; }

#welcomeTeaser  { text-transform: none !important; }

.page-template-template-fullsize-php #content .entry-header {
display:none;
}

.page-template-template-fullsize-php #content {
padding: 0px 30px 30px 30px;
} 

#main {padding-top:50px !important;
}

非常感谢！

Answer 1

看起来你的#mega-main-menu > .menu_holder 需要更多的填充，试试这个CSS：

#mega_main_menu > .menu_holder {
  padding-top: 20px;
}

就菜单居中而言，您需要更改.not-fixed #site-title, .not-fixed #navigation：

.not-fixed #site-title, .not-fixed #navigation {
 margin: 0 auto;
 max-width: 900px;
}

将最大宽度设置为您喜欢的任何值。