グローバルメニューで孫メニュー表示が重なる



  • demo5 を使用してサイトを作成しましたが、孫メニューの表示が重なってしまいます。

    0_1589513465537_menu_img.png

    ①グローバルメニューの子メニューにオンマウス
     ②孫メニューが全て表示され、重なってしまう。

    解消する為にはどうしたらいいでしょうか?


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン : 5.3.3
    ご利用のサーバー名 : GMO共用サーバー
    PHPのバージョン : PHP7.2
    OS :
    ご利用のブラウザ :
    該当サイトのURL : http://ykk1910.jp/


  • administrators

    @le-off さん

    こんにちは!JIN運営チームのりょうたです。
    この度はJINご利用いただき誠にありがとうございます。

    表題の件ですが、JINでは孫メニューまで想定されていないので別途CSSを追加することで修正することができます。

    #drawernav5 ul.menu-box li.menu-item ul.sub-menu li:hover ul.sub-menu li ul.sub-menu {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(-14px);
        transform: translateY(0);
    }
    #drawernav5 ul.menu-box li.menu-item ul.sub-menu li:hover ul.sub-menu li:hover ul.sub-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(-14px);
        transform: translateY(-14px);
    }
    

    上記をそのまま追加cssに追加していただき問題が解消するかご確認いただけますでしょうか?
    お手数お掛け致しますが、宜しくお願い致します。



  • グローバルメニューで孫メニュー表示が重なるで@ryotaが発言 :

    孫メニューまで想定されていないので別途CSSを追加することで修正することができます。

    @ryota
    ご返答ありがとうございます。

    ご指示いただいたcssにて無事、問題解消致しました。
    調査・対応いただきありがとうございました!