ハンバーガーメニューを開くと真っ白



  • いつもお世話になっております。スマホのハンバーガーメニューを押しても真っ白な状態になってしまいます…先日までは問題なく開いたのですが

    参考になるかわかりませんが、ハンバーガーメニューを複数回連続で押すと少しだけ見れます。真っ白な状態で見えないですが、タップすると遷移するので、表示はされているけど見えない状態なのだと思います 0_1676767646796_C082CDE4-CC9A-4BEC-9BE3-A68C485A29C7.jpeg


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン : 6.1.1
    ご利用のサーバー名 : xサーバー
    PHPのバージョン :
    OS : macOS Big surバージョン11.2
    ご利用のブラウザ : Safari
    該当サイトのURL : https://komuken.com/



  • @komuken さん

    こんにちは!
    詳細の共有ありがとうございます。

    すでにキャッシュ削除と、プラグインの全停止はお試しいただいてるようですが、
    症状が出る前に行なった作業などはありますか??

    ご確認よろしくお願いいたします!



  • ご連絡ありがとうございます!

    >症状が出る前に行なった作業などはありますか??
    →TOPページのサイトアイキャッチをサイズを変えずにデータ容量を落としたものに変更しました。
    0_1676933130443_komuken_banner-min-2-2-2-min.jpg

    これくらいしか思い当たる節がなく……という感じです!



  • @komuken さん

    ご共有ありがとうございます!

    そうですね、、、直接的に関係があるかは分かりませんが、
    一度、テーマの再インストールを試してみていただけますか??

    https://yanomakoto.com/wordpress-theme-update/

    記事内にも書かれおりますが、念の為バックアップを取ってから作業をお願いいたします。

    ご確認よろしくお願いいたします!



  • @tsu_ さん

    ご連絡ありがとうございます!

    テーマの再インストール試してみましたが、まだハンバーガーメニューがなおりません……



  • @komuken さん

    再インストールの検証ありがとうございます!

    現状では原因が分かっていません。。。
    ちょっと気になったのですが、いま使っている JIN のバージョンは2.360 ですか??
    (管理画面「外観」>「テーマ」>「JIN」をクリックすると書いてあります)

    お手数おかけしますが、ご確認お願いいたします!



  • ハンバーガーメニューを開くと真っ白で@tsu_が発言 :

    JIN のバージョンは2.360

    現在使っているJIN のバージョンは2.360 になります。
    「バージョン 2.732」へ更新ができるとあります。



  • @komuken さん

    確認ありがとうございます!

    2.360 はかなり古いバージョンになるので、バージョンアップした方が良いと思います。

    ただ、バージョンの差が結構ある関係で
    念の為、バックアップを取ってからのアップデートがお勧めです!

    よろしくお願いいたします!



  • お世話になっております。

    JIN最新版にしたのですが、まだ直りません……

    TOPページピックアップの部分が少し左にずれており、これも何か関係しているのでしょうか??

    https://denken-around50.com/2021/03/31/smartphone-trouble/

    この記事が参考になりそうなので試してみましたが、まだ改善されません……



  • @komuken さん

    バージョンアップありがとうございました!

    そうですね、、参考記事の中に出てくる Chrome デベロッパーツールでの
    スマホ表示は特に問題ないので、スマホの実機で症状が出ている感じです。

    特に独自カスタマイズをされていないのであれば、あとは
    一度、別のテーマに切り替えてみたり、WordPress を再インストールしてみるとかでしょうか。。

    念の為、確認させていただきたいのですが、
    Xserver はどのプランを契約していますか??

    お手数おかけしますが、ご確認よろしくお願いいたします!



  • 一度、別のテーマに切り替えてみたり、WordPress を再インストールしてみるとかでしょうか。。
    →やってみますね

    Xserver はどのプランを契約していますか??
    →スタンダードになります



  • なおりました!!
    追加CSSを全て消したらなおりました。

    おそらく@media only screen and (max-width: 786px){
    .appreach{
    margin:20px 0;}
    .appreach__info {
    font-size: 11px !important;}
    p.appreach__name {
    font-size: 15px;}
    }
    @media screen and (max-width : 480px){
    html,
    body {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    }
    }

    この辺りが干渉してたものと思われます。お手数をおかけしました、ありがとうございました!!!



  • @komuken さん

    ご報告ありがとうございます!

    追加CSSでしたか。。
    自分がもう少し早く気が付けば良かったですね、、お時間いただいてしまって申し訳ありません。。。

    引き続き、よろしくお願いいたします。
    (ご確認いただければ、ご返信は無用ですので...!)