サポート » テーマ » lightningグローバルナビメニューのhover

  • Lightningのフリーの方を使わせていただいていて、
    ナビメニューの、メニューにマウスがのったときに、表示を変えたいと思っています。

    子メニューのあるページでは、子メニューがでて、
    子メニューのないページでは、変化がなくとまどうユーザーさんがいるためです。

    #global-nav a:hover {
    position: relative;top:2px;left:2px;
    }

    というように、しましたが、子メニューも、座標がかわってしまい、
    子メニューの一番下の項目にマウスをもってくると、
    表示されてなかったスクロールが出てしまいます。

    初歩的な質問となりますが、親メニューだけに適用され、子メニューには適用されないCSSセレクタを教えていただけませんでしょうか。

    素直に、子メニューを全部の項目に追加したほうが?という意見もありました。

    もうひとつ、別のアプローチについても教えてください。
    その場合、子メニューを表示する際、子メニューの子メニューが隠れているとよくないのでは?
    という意見もありました。子メニューを表示する際、その配下を最初から展開したいです。

    CSSで対応できることなのかわかりませんが、解決方法があれば、教えていただけませんでしょうか。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック投稿者 syntaro

    (@syntarou)

    お世話になります。

    こんにちは、上の段落はこれで解決しました。

    
    #global-nav a:hover {
    	position: relative;top:2px;left:2px;
    }
    
    #global-nav ul.sub-menu a:hover {
    	position: relative;top:-2px;left:-2px;
    }

    下の段落の質問ですが、子メニューを常に展開させることが、
    可能でしたら、教えていただけないでしょうか。

    • この返信は6日、 1時間前にsyntaroが編集しました。
1件の返信を表示中 - 1 - 1件目 (全1件中)
  • このトピックに返信するにはログインが必要です。