サポート » テーマ » モバイルメニュー(ハンバーガーメニュー)

  • 解決済 iloha

    (@iloha)


    お世話になります。
    「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&#8221; 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経由でアップロードすることになるのかなと思うのですが、そもそもこれで解決するのかと、なにか他に悪影響を与えないか心配です。

    どなたかアドバイスいただけますと幸いです。
    何卒宜しくお願い致します。

    ヘルプの必要なページ: [リンクを見るにはログイン]

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • 親テーマの header.php と同じように記述するといいかと思います。

    <div class="btn-menu"></div>

    最新バージョン(1.60)の場合:
    <div class="btn-menu"><i class="sydney-svg-icon"><?php sydney_get_svg_icon( 'icon-menu', true ); ?></i></div>

    ありがとうございます!
    いただいた記述で無事解決できました。
    結局、何故消えたのかわからず終いでしたが、FTP経由で無事にアップロード処理できたので申し分ありません。
    重ねて感謝申し上げます。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • このトピックに返信するにはログインが必要です。