jquery - Superfish CSS: サブメニューのドロップダウンを水平ではなく垂直にする

Question

ここにスーパーフィッシュ メニューがあり、サブメニューを垂直にドロップダウンさせたいと思います。設定することでこれを達成できます

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