スマホのハンバーガーメニュー等が表示されない

  • ?

    Shifter(静的サイト生成サービス)を使ってWordPressを管理しているのですが、スマホで表示した時にハンバーガーメニューが表示されない等、不具合があります。
    (PCの表示は特に問題ないように思います。)

    表示がうまくいかない点はパッと確認できるもので以下の通りです。

    • ハンバーガーメニューや検索マークが表示されない。
    • スライドメニュー、固定フッターメニュー、ボタンメニューを設定しても表示されない。
    • プロフィール部分の説明文とSNSボタンの間の余白が狭い。

    Shifter側で静的サイト生成に失敗しているのかと思い問い合わせましたが、エラーはなく、該当テーマがShifterに対応していない可能性があると言われています。
    確かに別のテーマで生成してみると問題なく表示されたので、JINのスマホ表示がShifterに対応していないということになるかと思いますが、ご確認いただくことは可能でしょうか。。。？

    Shifter
    https://www.getshifter.io/ja/

    スマホでハンバーガーメニューや検索マークが表示されない
    0_1579937526906_IMG_1435.jpg

    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン : 5.3.2
    ご利用のサーバー名 : Shifter
    PHPのバージョン : 7.3.13
    OS :
    ご利用のブラウザ : iPhoneのSafari, Chromeのプライベートモード
    該当サイトのURL : https://yuruilife.com

    0 1 件の返信
  • administrators

    @rurio さん

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

    表題の件ですが、結論から言うとJINはShifterには対応していません。
    ShifterのサーバーはAWSを使っており、CloudFrontからオリジンサーバに対してUser-Agentは送信されないので部分的にJINは崩れてしまいます。

    スマホでの表示は特に崩れてしまうかと思います。
    ですのでサーバーを独自に借りてサイトを運営していただく他ございません。
    お手数おかけ致しますが、何卒ご理解の程宜しくお願い致します。

    0
    ?
     1 件の返信
  • ?

    @ryota さん
    ご返信ありがとうございます！
    やはりそうですか。。
    承知いたしました。別のサーバを使って運用したいと思います。

    1