商品情報にスキップ
【Dawn】Shopifyのテーマ「Dawn」の告知バーに表示可能なSNSアイコンをモバイルでも表示できるようにするためのCSS設定例
公開日:2023.07.28

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

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


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


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


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

ストア情報を表示する

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

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

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

↗ 関連ポスト

すべてのShopify TIPS

すべて表示