スマホ用スライドメニューが表示されません



  • おはようございます。最近ブログを初めた者です。
    JINさんには毎日お世話になっております。

    3日前より同じ事で悩んでいます。

    スマホ用スライドメニューにグローバルメニューを表示させたいですが表示されなくて困っています。
    ブラウザ版は表示されています。
    0_1650333570824_299D96B1-D379-4E18-AD6F-6E9E792ED804.jpeg

    ・JINさんのマニュアル通りに追加しました
     削除し、再度入れても表示されません

    ・スマホ用ヘッダー画像も削除したが表示されず

    ・プラグインを全て無効化、JINさんが推奨してないプラグインは削除しましたが変わらず

    ・iPhone、PCのキャッシュクリアしました。
     Chromeではシークレットモードを使用しましたが変わらず。他のiPhoneで検索しましたがスライドメニューは表示されてません

    ・JIN、WordPress共に最新版です

    他の設定をした時に変更されたのかなと思いましたが、初心者の私では解決できてません。

    すみませんが教えて頂けると助かります。
    よろしくお願いします。


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



  • @おもち さん

    こんにちは!
    スクショ画像ありがとうございます。

    各種検証もありがとうございます!
    検証項目のご共有、とても助かります。

    JINさんのマニュアル通りに追加しました
    削除し、再度入れても表示されません

    ご覧いただいたのは、こちらのページですかね。
    https://jin-theme.com/manual/slide-menu/

    お手数をおかけしますが、念のため
    管理画面「外観」>「メニュー」ページのスクショをご共有いただいても良いでしょうか??

    スライドメニューに表示させたいメニューを選択した状態で
    スクショを撮っていただければと思います。

    0_1650368643709_スクリーンショット 2022-04-19 20.40.01.jpg

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



  • 返信、ありがとうございます。
    スクショを貼っておきます。
    お手数おかけしますが、よろしくお願いします。0_1650379802474_スクリーンショット (1).png 0_1650379810257_スクリーンショット (2).png



  • @おもち さん

    画像ありがとうございました!

    改めてサイトのコードを拝見させていただいたのですが、
    スライドメニュー自体は出力されていまして、ヘッダーの設定が原因でした!

    管理画面「外観」>「カスタマイズ」へ進んでいただくと、「ヘッダー設定」という項目があるのですが、
    「ヘッダー全体の表示選択」で非表示を選択しているはずです。

    そちらを「表示」に変更してみていただけますか??
    お手数おかけしますが、よろしくお願いいたします!



  • 回答、ありがとうございましたm(__)m
    無事スライドメニューが出てきました!!

    ハンバーガーメニューの横のタイトルが本物のタイトルと被って二重に出てしまっていたため、非表示にしていました。

    タイトルが現在も二重に出てしまっているため、上のタイトルを消したいです。ハンバーガーメニューで検索しても解決できていません。
    サイトのデザインやヘッダー設定、画像で色々試したり検索しましたが消えないままです….。
    お手数ですがこちらも教えていただけたら助かります。よろしくお願いします。
    0_1650429698256_DAC1B1F7-87B4-4D0A-AF50-BEE35DA25D6D.jpeg



  • @おもち さん

    回答、ありがとうございましたm(__)m
    無事スライドメニューが出てきました!!

    上手く行ったみたいで良かったです!

    タイトルが現在も二重に出てしまっているため、上のタイトルを消したいです。ハンバーガーメニューで検索しても解決できていません。
    サイトのデザインやヘッダー設定、画像で色々試したり検索しましたが消えないままです….。

    こちらについては、

    ⠀●ヘッダー画像の「キャッチフレーズ」にタイトルを入れている
        +
    ⠀●ヘッダーデザインの選択をスタイル8にしている(スマホではタイトルが表示されて、PC側ではタイトルが出ないスタイル)

    という組み合わせなので、

    タイトルが重複している感じですね。。

    現状のデザインの組み合わせで、上のタイトルを消したい場合は、
    「外観」>「カスタマイズ」の「追加CSS」に以下のコードを書けば消えるはずです!

    @media (max-width: 767px) {
    #header #site-info {
        visibility: hidden;
    }
    }
    

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



  • ありがとうございます!!解決できましたm(__)m
    何度もお手数おかけしてすみませんでした。
    これからもよろしくお願いします。



  • @おもち さん

    あ、上手くいきましたか!良かったです。


    いえいえ、また何かありましたらご相談いただければと思います。
    よろしくお願いいたします!

    (ご確認いただければ、ご返信には及びません)