css - スーパーフィッシュメニューサブメニュー中心

Question

Superfish Navbar メニューをページの中央に配置しましたが、ページの最初のレベルのサブメニューを中央に配置する方法を見つけるのに苦労しています。

評判が 10 に達していないため、ここに画像を投稿できませんでした。

Answer 1

良い回避策は次のとおりです。

ステップ 1: サブメニューを置き換える Javascript 関数を作成します。このようなもの：

関数 DisplaceSubMenu(myDistance){

 document.getElementById("mySubMenu").style.margin-left= -myDistance;

}

覚えておいてください: 順序付けられていないリストに「mySubMenu」の ID を指定する必要があります。

ステップ 2: [ホーム] または [サービス] にはサブメニューがあるため、それらにカーソルを合わせたときに Javascript 関数を呼び出します。同じ呼び出しを行いますが、"myDistance" 属性をカスタム距離として渡します (試行錯誤)。次に例を示します。

<a href="/" class="sf-with-ul" onmouseover="DisplaceSubMenu(30);">Home</a>