メニューバーの下層リンクが押せなくなる

  • バッテリー

    (@vtrd2013)


    6年、 7ヶ月前

    こんにちは。

    HPのメニューバーの２段階目までのリンクは問題なく表示されているのですが、
    ３段階目になると、一度そのリンクを押してから、
    再度同じメニューを押そうと、マウスのカーソルを合わせた途端、メニューが閉じられてしまい、
    押すことができなくなる現象が起きて困っています。
    最初は押せないですが、これを４，５回繰り返し、やっと押せるようになります。

    文面ではとてもわかりずらいと思うのですが、

    具体的に例えると、
    メニューの「機種別一覧」→「iPhone修理」→「iPhoneX」と、最初は普通に押せるのですが、
    このページを表示してから、再度
    「機種別一覧」→「iPhone修理」→「iPhoneX」と押すと、
    まず明らかに文字が小さくなり、カーソルを合わせてもすぐに消えてしまい、押すことができなくなります。

    これは、いったいなぜなのでしょうか？

    何が問題なのか、もしわかる方がいらっしゃいましたら、教えていただけるととても助かります。
    よろしくお願いいたします。

    ヘルプの必要なページ: [リンクを見るにはログイン]

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • ikeda

    (@jmblues)

    6年、 7ヶ月前

    interface_child/style.css 146行目にかかれている以下CSSが他のスタイルに上書きされているため、文字要素が小さくなってマウスオーバーが追いついていないのだと思います。

    
#access ul li.current-menu-item ul li a,
#access ul li ul li a{
  padding: 10px 30px;
  color: #333;
  font-size: 17px;
}

    paddingとfont-sizeに !important を追加するか、優先させるようにセレクタを変更すれば解決できそうです。

    トピック投稿者 バッテリー

    (@vtrd2013)

    6年、 7ヶ月前

    ご返信いただきまして誠にありがとうございます。
    とても助かります。

    ただ、大変恐縮なのですが、

    ——————————————————————–
    paddingとfont-sizeに !important を追加するか、優先させるようにセレクタを変更すれば解決できそうです。
    ——————————————————————–

    この部分を具体的にどうすれば良いか教えていただけませんでしょうか？＞＜

    教えていただいた!important の追加として、

    #access ul li.current-menu-item ul li a,
    #access ul li ul li a{
     padding: 10px 30px !important;
    color: #333;
    font-size: 17px !important;
    }

    と指定して、確認してみたのですが、
    今のところ、改善はしていない状態です。

    追加のやり方がおかしいでしょうか？＞＜

    トピック投稿者 バッテリー

    (@vtrd2013)

    6年、 7ヶ月前

    あ！ですが、上記のように!important を追加したあとだと、
    文字は小さくならなくなりました！

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「メニューバーの下層リンクが押せなくなる」には新たに返信することはできません。