モバイルメニュー(ハンバーガーメニュー)
-
お世話になります。
「Sydney」テーマを使用しているのですが、気付いた時にモバイルメニュー(ハンバーガーメニュー)が表示されなくなってしまいました。
色々と操作をしてみたのですが・・・どうやっても表示が出ず。
どなたかご教授いただけますと幸いです。
宜しくお願い致します。【心あたり:親ページの更新】
今まで子ページを作成せずに親ページで進めてきたのですが、「Child Themes」を用いて、親ページの情報を一部引き継ぎながら子ページを作成しました。
その後、親ページを更新。
現在は子ページで運営をしており(追加CSSを中心にカスタマイズ)、エラーがでたのもその子ページになります。【検証】
更新後の親ページにテーマ有効を切り替えてみたところ、モバイルメニューは正常に反映されました。
更新後の親ページをもとに、再度「Child Themes」で子ページを作成してみたところ、その子ページにもモバイルメニューは正常に反映されました。
なお、子ページへ移管後の追加CSS欄を全て削除してみましたが、それでもモバイルメニューは表示されませんでした。【環境】
モバイルメニューは、タブレットサイズでも表示がされません。
カラーを変えても表示されず、そもそもハンバーガーメニューのコンテンツが選択できない(無い)状況でした。
ただし、メニューは隠れており、クリックしてリストは表示が出来ます。【考察】
親テーマと子テーマの要素を比較したところ、どうやら<div class=”btn-menu”></div>
の間にあった下記記述がなくなっていた模様です。
<i class=”sydney-svg-icon”>
<svg xmlns=”http://www.w3.org/2000/svg” viewBox=”0 0 448 512″>
<path d=”M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z”>
</path>
</svg>
</i>なぜ、この記述がなくなったのかわからないのですが(再度子テーマを作成しても表示されることから、プラグインが悪さをしているとも考えられず…)、上記部分を「header.php」にて指定のdiv要素の間に書き込む形で解決するものなのでしょうか??
「致命的なエラーをチェックするため…」と表示されるため、WordPress上で直接書き込むことは出来ずFTP経由でアップロードすることになるのかなと思うのですが、そもそもこれで解決するのかと、なにか他に悪影響を与えないか心配です。
どなたかアドバイスいただけますと幸いです。
何卒宜しくお願い致します。ヘルプの必要なページ: [リンクを見るにはログイン]
- トピック「モバイルメニュー(ハンバーガーメニュー)」には新たに返信することはできません。