Dawnテーマストアでレスポンシブの場合検索アイコンを非表示にしてマイページへのログインアイコンを表示させたい

初めまして。

Dawnのヘッダーにあるアイコンについての質問です。

PC版ではヘッダーに左から検索アイコン、ログインアイコン、カートアイコンで並べています。

レスポンシブで狭くなった際にはヘッダーにログインアイコンとカートアイコンを表示させたいと思っています。

レスポンシブの場合cssを変更して3つ表示することは可能ですが、その場合ストアのロゴが中心からずれてしまうので2つに絞ってカートアイコンは非表示にしたいです。現在はデフォルトでレスポンシブの場合は検索アイコンとカートアイコンが表示されており、ハンバーガーメニューの中にログインアイコンが表示されています。

なお、ハンバーガーメニューの内のログインアイコンの削除は実装済みです。

コード編集を試みていますが何処をどう変更すればよいかわからず、困っております。

お手数ですがアイコンを消す方法を教えていただけないでしょうか。宜しくお願い致します。

ご質問いただいています、スマートフォンで閲覧した際「サーチアイコン」を非表示にし「ログインアイコン」を表示する件ですが、以前別の質問にて回答させていただきましたので、下記に対象記事を記載させていただきます。

https://community.shopify.com/topic/2045590

ご参考まで。

(キュー小坂)

1 Like