スマホやタブレットでメニューを開くと、文字化けしたテキストが表示されます。
メニュー項目は正常に表示されるのですが、メニュータイトル部と思われるところが文字化けしています。
原因と対処法をご教示いただけないでしょうか。
なお、メニューを開いた際は、下記のような状態です。
どうぞよろしくお願いいたします。
--------
＊＊＊＊＊＊＊←文字化けしているテキスト
＞ホーム
＞お問い合わせ
--------
デフォルトでは同様の事象が起こらないことから、 カスタマイズによる影響、もしくはプラグインが干渉している可能性がございます。
まずはプラグインをすべて無効化し、改善があれば一つずつ検証し
どのプラグインが干渉しているかご確認いただけますでしょうか。
上記で解決できない場合は、カスタマイズによる影響である可能性が高いため、
カスタマイズされた箇所を検証していただく必要がございます。
お手数をおかけし恐縮ではございますが、何卒よろしくお願いいたします。
返信が遅くなり、大変失礼いたしました。
ご返答ありがとうございます。
プラグインを確かめたところ、文字化けの修正ができませんでした。
カスタマイズした箇所についてですが、footer.phpの62～65行目をコメントアウトしました。
下記のようにしましたが、書き方が間違っているのでしょうか。
度々の質問で恐縮ですが、よろしくお願いいたします。
-------
<!-- <div id="footer-cont-sns" class="gr4">
<h4>ソーシャルメディア</h4>
<?php // footer_social_buttons();?>
</div> -->
カスタマイズされた箇所に関しては問題ないかと思われます。
文字化けが起こる可能性の一つに、文字コードの違いがございます。
コード編集の際、テキストエディタ等お使いになりましたでしょうか。
utf-8にて作成されている為、それ以外のコードでの編集が行われると文字化けに繋がることがあります。
エディタ等設定をご確認いただければと思います。
応急処置としましては、該当箇所をcssにて非表示にする方法がございます。
style.cssファイル一番下に、
@media screen and (max-width: 991px){
#gnav-sp #header-cont-content h4{
display:none;
}
}
上記追加してみてください。
早速のご返信、ありがとうございます。
cssのコード追加したら、文字化け部分が非表示になりました。
コードの編集については、wordpressのテーマエディタでしたが、
footer.phpを子テーマにアップロードする際はテキストエディタにコピペで作成しました。
文字コードを確認します。
色々とご教示いただきありがとうございました。
