ハンバーガーメニューにSNSアイコンを表示させたい。

AI-generated summary

モバイル表示で、Craftテーマのフッターではなくハンバーガーメニュー内にSNSアイコンを表示したいという要望。

提案: 外観のカスタマイズ画面「ヘッダー > テーマ設定」で各SNSリンクを入力すれば、ハンバーガーメニュー内に表示されるとの案内。

補足: フッターのSNSはCSSのメディアクエリでdisplay:noneを指定してモバイル時に非表示化が可能(メディアクエリ=画面幅など条件でCSSを切り替える仕組み、display:none=要素を非表示)。

最新状況: 試行後もメニュー内に何も表示されず、色設定(テキスト/アクセント)を変更しても改善しないとの報告。

添付スクリーンショットが、ハンバーガーメニュー内にアイコンが出ていない状況の確認に重要。

未解決。アクション候補は、SNSリンク入力の再確認、キャッシュやモバイル表示条件の確認、テーマのCSS/テンプレートでSNSブロックが出力されているかの検証。

Craftテーマを使用しております。

モバイル表示の際に、SNSアイコンをフッターではなくハンバーガーメニュー内に表示させたいのですがどこをどのように編集していいのか分かりません。

ご教授いただきたいです。よろしくお願い致します。

Ohige710さま

はじめまして。株式会社フルバランスの渡邉です。

カスタマイズ画面のヘッダー → テーマ設定 → 各SNSのリンクに入力があれば、ハンバーガーメニュー内にSNSは表示されますが、こちらはすでにお試し頂きましたでしょうか?

フッターのSNSは、CSSのメディアクエリを使ってdisplay:none;にすると、モバイル表示の際は非表示にできます。

一例になりますが、参考になりましたら幸いです。

また、お困りのことがあれば是非ご質問ください。

お返事が大変遅くなり申し訳ありません。

上記画像のように、何も表示されておらず色をテキストやアクセントに変更しても表示されません。

お時間がある時にでもご教授いただければ幸いです。

よろしくお願いします。