wordpress - Wordpress 响应式标题问题

Question

可能重复：
Wordpress 响应式导航栏问题

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

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

CSS在这里：http: //22twenty.com/wordpress/wp-content/themes/Wallspacecopy/style.css

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

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

谢谢

丹佛

Answer 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/示例）