jquery - super 鱼 CSS : Make submenu dropdown vertically instead of horizontally

Question

我有一个 super 鱼菜单 here我希望子菜单垂直下拉。我可以通过设置

.sf-menu.sf-style-white.sf-navbar li ul {
  width: 150px;
  left: 100px;
}

但是，这不是一个灵活的解决方案，因为它只有在我只有 1 个具有子菜单的父项时才有效，而且我必须根据链接在菜单中的位置手动调整它。我正在寻找一种自动将子菜单下拉到其父元素下方的方法。

Answer 1

将以下属性添加到您的规则中。这会对您有所帮助。

.sf-menu.sf-style-white.sf-navbar li {
    position:relative;
}

.sf-menu.sf-style-white.sf-navbar li ul {
    left: 0;
}