Wordpress 中的子菜单项不在一行中

Question

我在 wordpress 上使用 Bridge 主题，它有自己的选项来使子菜单变宽，但是当我添加超过 4 个子菜单项时，它进入 2 行让我说，我正在尝试解决但没有运气然而。有什么想法吗？

网站是 http://blog.sondortravel.com/

Answer 1

基本上有两件事导致您的子菜单分成两行。首先是子菜单面板的宽度固定为 249px。这是由 CSS 规则引起的：

.drop_down .wide .second ul li {
    width: 249px;
}

你的第二个问题是你的 CSS 告诉每第 4 个（加上 1）列表元素开始一个新行（明确：两者）。这是由 CSS 规则引起的。

.drop_down .wide .second ul li:nth-child(4n+1) {
    clear: both;
}

您可以通过更新您的样式表来解决这些问题，使您的宽度更小（并且有更多的并排空间），并将 clear 规则设置为 clear: none。