Superfish菜单间距关闭

Question

我有一个超级鱼下拉菜单的间距问题。你可以在这里看到问题： http://screencast.com/t/V8g5ZrDXDZV

你可以在这里看到它：http://goo.gl/kzImjK

基本上所有子菜单项都左侧浮动，宽度为50％。我需要移除那个大空间，并且基本上将项目放在子菜单项下面。

Answer 1

关于你的大空间问题：

好的，基于我们的交换和使用jQuery，您可以：

1. 将所有辅助子菜单项添加到主子菜单，紧跟在用于包含它们的主子菜单项之后。
   1. 为所述项添加一个css类，以便能够定位它们（​​如果需要）。
2. 将menu-changed类添加到#navigation div中，并为其添加一组自定义样式（以便它们仅在JS执行时才有效）。

jQuery的：

$(document).ready(function() {
    $("#navigation li ul li ul").each(function() {
        $(this).children("li").each(function() {
            $(this)
                .addClass("was-submenu-item")
                .insertAfter($(this).closest("ul").parent());
        });
        $(this).closest("li").removeClass("menu-item-has-children");
        $(this).remove();
    });
    $("#navigation").addClass("menu-changed");
    console.log($(".was-submenu-item"));
});

CSS：

#navigation .was-submenu-item a {
    /* some styles here */
}
#navigation.menu-changed ul li {
    /* some styles here */
}

小提琴：

这是一个有效的JSFiddle供参考。

关于对齐问题：

在主题的main.css样式表中查找以下样式选择器：#navigation li ul li ul li a，并删除边距并自定义填充，如下所示：

#navigation li ul li ul li a {
    padding: 5px 4px;
    /* margin-left: 20px; */
    width: 100%;
    font-size: 11px;
}