サポート » 使い方全般 » メニューバーの下層リンクが押せなくなる

  • こんにちは。

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

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

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

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

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

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

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • 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 を追加するか、優先させるようにセレクタを変更すれば解決できそうです。

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

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

    ——————————————————————–
    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;
    }

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

    追加のやり方がおかしいでしょうか?><

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

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