【Dawn】ヘッダーメニューのアイコン並び替え

日本語 ディスカッション 技術的なQ＆A
, ,

Topic summary

Dawnテーマを使用したShopifyストアで、ヘッダーメニューのアイコン配置を変更したいという質問です。

現在の配置:

  • PC: ドロワーメニュー(左)、ロゴ(中央)、アカウント・カート(右)
  • SP: ドロワーメニュー・ロゴ(左)、アカウント・カート(右)

希望する配置:

  • PC: ロゴ(中央)、アカウント・カート・ドロワーメニュー(右)
  • SP: ロゴ(左)、アカウント・カート・ドロワーメニュー(右)

質問者は変更手順を知っている方からの教示を求めています。サーチアイコンは両デバイスで非表示のままとする予定です。CSS、HTML、JavaScriptを使った解決方法が期待されています。

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

いつもお世話になり、ありがとうございます。

今回はヘッダーのアイコン並び替えについて質問させていただきます。

テーマ【Dawn】を使用しており、現状の並びは下記の通りです。

【PC】

ドロワーメニュー → 左揃え

ロゴ → 中央揃え

アカウント・カート → 右揃え (サーチアイコンは非表示)

【SP】

ドロワーメニュー・ロゴ → 左揃え

アカウント・カート → 右揃え (サーチアイコンは非表示)

こちらを下記のように変更したいと考えております。

【PC】

ロゴ → 中央揃え

アカウント・カート・ドロワーメニューの順で右揃え

【SP】

ロゴ → 左揃え

アカウント・カート・ドロワーメニューの順で右揃え

もし変更手順をご存知の方がいらっしゃいましたら、ご教授頂けますと大変有難いです。

どうぞ宜しくお願いいたします。