将导航栏下移到页面中间答案

【问题标题】：move the navigation bar down to the middle of the page将导航栏下移到页面中间
【发布时间】：2014-01-16 09:25:34
【问题描述】：

我正在使用 Wordpress，并且有将导航栏和徽标向下移动到页面中间的特殊要求。有点挣扎。显然大多数主题都不允许这样做，而 Headway 似乎也不允许我这样做。

尝试实现以下目标：http://www.drewpritchard.co.uk/

【问题讨论】：

【解决方案1】：

您应该简单地添加 position:fixed;到包含徽标和菜单的 div。这也将确保它在您滚动或更改屏幕尺寸时保持在中间。

推荐的方法是将代码放在样式表中。你也可以放入你的 header.php 文件，但是你必须确保将它放在 head 元素中并在它周围放置样式，所以：

<head>
  <style type="text/css">
    #logo-menu-container{
      position:fixed;
      top: 50%;
      left: 50%;
      width:200em;
      height:50em;
      margin-top: -25em; 
      margin-left: -100em;
    }
  </style>
</head>

【讨论】：

欢迎来到 Stack Overflow！请注意，每个帖子下方都有一个“编辑”按钮，可让您向其添加其他信息；将来，请使用它而不是发布其他答案。在这种情况下，我已经合并了两个答案，并删除了另一个。