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

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも スマホでハンバーガーメニューが表示されない

このトピックには11件の返信が含まれ、2人の参加者がいます。6 ヶ月前 かうたっく さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #58745 返信

    raopist

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

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

    何かしら設定がわるいのでしょうか

    アコーディオン(デフォルト) 設定

    レスポンシブは全部チェックを外しております。

    https://golfa.biz/

  • #58746 返信

    かうたっく

    キャッシュ系プラグインAutoptimizeが原因かもしれません。

    私の環境で試したら、スマホメニューのHTMLを読み込んでます。そのプラグインが原因でPCで非表示にされるスマホメニュー「≡」をスマホでもCSSで非表示にしているかもしれません。

    一度キャッシュ系プラグインのCSSを通常に戻して、メニューが表示されているか確認していただけますか。

  • #58765 返信
    わいひら
    わいひら
    キーマスター

    確かに、サイトのソースコードが縮小化されているので、そういったプラグインをオフにして試してみてください。
    それでもダメなら、一度全てのプラグインを無効にして試していただけると幸いです。

    それでも解消しない場合は、その状態でサイトのソースコードを見せてもらえば、原因がわかりやすいので助かります(必ず別れ保証は出来ないですけど)。

  • #58767 返信

    raopist

    お世話になります。

    とりあえず全てのプラグインを止めてみました

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

  • #58774 返信

    かうたっく

    子テーマの230行目に非表示が入っているのが原因のようです。

    /************************************
    ** モバイルメニュー
    ************************************/
    #mobile-menu{ 
    
      display:none;
    }

    このコードを消すと表示されると思われます。消えないときはブラウザのキャッシュを削除してくださいね

  • #58775 返信

    raopist

    直りました

    本当にありがとうございました。

    いつも本当にありがとうございます。

  • #58786 返信

    raopist

    すいません。もう一つのブログなのですが

    同様にCSSを全て消すと ハンバーガーメニューが出てくるのですが現状では消えたままです。

    どこを消せばいいのかわかりません。

    お手数ですが教えていただけますでしょうか

    https://sikakunowa.com/

  • #58791 返信

    かうたっく

    “もう一つのブログ”ですが、Autoptimize、キャッシュ系プラグインが入ってるようです。

    プラグインのキャッシュが残ってるようですが、キャッシュをクリアにするなど?設定はありませんか??

    あとは、wpxというサーバーはキャッシュ機能をクリアにする機能はありますか?HTMLをキャッシュしているようなものなら、それもクリアにして試すなどでしょうか。

  • #58797 返信

    raopist

    div{ overflow : hidden;

    }

    お世話になります。どうも一個一個CSSを消してみたら上記が原因のようです。

    消したらハンバーガーメニューが出てくるのですが、その他のページで不具合が出るので

    どのように書き換えたらよいでしょうか

  • #58804 返信
    わいひら
    わいひら
    キーマスター

    divの部分に、消したい部分のCSSセレクタを指定すると良いかもしれません。

    そのコード自体何が出力しているものかはわからないので、僕も何とも言えません。
    出力している原因のプラグイン等の開発元に問い合わせていただく必要があるかもしれません。

  • #58806 返信

    raopist

    了解しました。調べて頑張ってみます。
    ありがとうございました。

  • #58818 返信

    かうたっく
    div{ overflow : hidden;
    
    }

    このコードだけが原因である可能性以外も含めた方が良いかもしれません。よく分からない場合は不具合が出ている箇所と一緒にプラグインを停止してURLを置いてくださいね。

返信先: スマホでハンバーガーメニューが表示されない
あなたの情報:




スポンサーリンク
アドセンス(大)
アドセンス(大)