Shopifyのテーマ「Dawn」の告知バーに表示可能なSNSアイコンをモバイルでも表示できるようにするためのCSS設定例

テーマヘッダーの機能も強化され、DawnのVer.も11に上がってデフォルトでSNSアイコンがアナウンスバーに表示されるようになりました。せっかくなのでデスクトップだけでなくモバイルでも表示できるようにするためのCSS設定例です。

テーマDawnの告知バーに表示可能なSNSアイコンをモバイルでも表示できるようにするためのCSS設定例

【設定手順】ヘッダーにカスタマイズされたLiquidを追加してCSSコードを挿入する