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

  • K

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

    参考になるかわかりませんが、ハンバーガーメニューを複数回連続で押すと少しだけ見れます。真っ白な状態で見えないですが、タップすると遷移するので、表示はされているけど見えない状態なのだと思います 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/

    0 1 件の返信

  • @komuken さん

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

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

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

    0
  • K

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

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

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

    0 1 件の返信

  • @komuken さん

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

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

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

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

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

    0
    K
     1 件の返信
  • K

    @tsu_ さん

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

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

    0 1 件の返信

  • @komuken さん

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

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

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

    0
  • K

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

    JIN のバージョンは2.360

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

    0 1 件の返信

  • @komuken さん

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

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

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

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

    0
  • K

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

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

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

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

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

    0 1 件の返信

  • @komuken さん

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

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

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

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

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

    0
  • K

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

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

    0
  • K

    なおりました！！
    追加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;
    }
    }

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

    0 1 件の返信

  • @komuken さん

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

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

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

    0