html - 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;
}

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