Wordpress响应式标题问题[重复]答案

【问题标题】：Wordpress Responsive Header issues [duplicate]Wordpress响应式标题问题[重复]
【发布时间】：2012-08-22 06:41:00
【问题描述】：

可能重复：
Wordpress Responsive Navbar problems

我正在尝试为我的 wordpress 主题创建一个在此处响应的标题：http://22twenty.com/wordpress/

如您所见，它们被分组在一个“正方形”中如果你缩小页面并备份它真的很混乱：当它出现一个小白框时，当你放大它时，导航到处都是。

正如我所说，这是一个 wordpress 主题，所以如果您需要更多文件来帮助，请询问。

所以我要问的是必须添加或更改某些内容以使已经工作的标题（在另一个站点上使用）在 wordpress 主题上工作，如果不是你认为它有什么问题.

谢谢

丹佛

【问题讨论】：

首先，您的22twenty.com/wordpress/js/modernizr-2.5.2.min.js 收到了 404，您应该修复它。
该页面目前为我加载需要很长时间，您的 15 张左右的图片中的每张都在 1-2MB 之间。此外，当您查看 ul li {float:left; 时，您正在设置 li {display:inline;}宽度：48%;} 代替。
是的，我必须裁剪图像，我不确定我是否理解 ul li {float:left; width: 48%;} 我会修复 js
好的，所以我修复了 404 错误，但导航仍然一团糟

【解决方案1】：

从

更改 CSS

header ul li{
  z-index:30000;
    display: inline; /* you are changing this line */
    font-family: Arial;
    margin: 15px;
    font-size: 20px;
}

到

header ul li{
  z-index:30000;
    display: block;
    font-family: Arial;
    margin: 15px;
    font-size: 20px;
}

你也应该去掉包含的空标签（参见http://jsbin.com/agiwev/1/的例子）

【讨论】：