サポート » その他 » ドロップダウンメニューの位置の調整

  • 解決済 9-taro

    (@9-taro)


    ドロップダウンメニューについて質問です。
    メインナビゲーションのドロップダウンメニューのボックスの一番上の開始位置を少し下げるため、
    position: absolute; top: 4px;を加えたところ、
    blogの複数カテゴリが、ドロップダウンメニュー上で表示されなくなり、
    archiveのみの表示になってしまいました。
    親要素などの問題でしょうか?
    まだ、非公開のサイトで恐縮です。

    .main-navigation ul ul li a {
    background-color:#252525;
    border-top: 1px solid #fff;
    border-color: #fff;
    line-height: 1.5;
    padding-bottom: 10px;
    padding-top: 10px;
    position: absolute;
    top: 4px;
    }

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • maki1463

    (@maki1463)

    makiです。
    せめてその部分のHTMLを拝見しないとなんともいえませんが、

    position: absolute
    を記述している要素に対して、
    親要素にposition: relative;
    を設定する必要があるのはご理解されておられますでしょうか。

    ここでposition: absoluteで自由になってしまった要素がどこかにとんでいってしまう
    ということは私も経験したことがあります。(めりこんでいたり)
    なのでulとかliにnavにおいては明確にクラスもいれておいて、それぞれ挙動を確認していくと
    何が原因かわかりそうですね。

    トピック投稿者 9-taro

    (@9-taro)

    maki様

    親切丁寧なご回答ありがとうございます。
    ご指摘ありがとうございます。

    >>親要素にposition: relative;
    これを指定したのですが、うまくいかず、
    別の箇所で解決しました。
    ご協力感謝します。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「ドロップダウンメニューの位置の調整」には新たに返信することはできません。