子菜单项不在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个）列表元素开始一个新行（clear：both）。这是由CSS规则引起的。

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

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