html - 增加菜单上方的填充

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;
}

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