改变 WordPress 主题导航栏位置

Question

我试图将 WP 主题的导航栏移到其指定徽标区域旁边，但无济于事（如下所示： http:// screencast.com/t/UsPhTZ3SM）有什么想法吗？这是 header.php 代码： http://pastebin.com/mr7mtpMG

非常感谢，

Alex

Answer 1

如果我是您并尝试简单地将导航移动到标题下，我只会切换这些部分。但这就是我，我是反复试验的忠实拥护者...

<div id="top-header"> <!-- top navigation bar -->
     .....
</div><!--end header-->

<div class="clear"></div>

<div id="header"><!-- header -->
     .....
</div><!-- end header -->

切换到：

<div id="header"><!-- header -->
     .....
</div><!-- end header -->

<div class="clear"></div>

<div id="top-header"> <!-- top navigation bar -->
     .....
</div><!--end header-->

但是，我是那种不介意为了学习而破坏东西的人...

Answer 2

我会重新格式化 html 并清理 css（太多不必要的浮动），但如果您想要快速修复，请尝试以下操作：

- #top-header, add position: absolute and margin-left: 26em
- #nav-pages li, add display: inline-block

• 删除以下属性：

#top-header, width: 930px;
#top-header-left, float: left, display: inline;
#nav-pages, #nav-pages ul, float: left
#nav-pages li, float: left

注意：未在每个人最喜欢的 IE 上进行测试

希望这是有道理的