Skip to product information
【Dawn】Shopifyのテーマ「Dawn」の告知バーに表示可能なSNSアイコンをモバイルでも表示できるようにするためのCSS設定例
  • 【Dawn】Shopifyのテーマ「Dawn」の告知バーに表示可能なSNSアイコンをモバイルでも表示できるようにするためのCSS設定例
[Dawn] CSS setting example for displaying SNS icons in the announcement bar of Shopify's theme "Dawn" on mobile devices
Published:2023.07.28

[Dawn] CSS setting example for displaying SNS icons in the announcement bar of Shopify's theme "Dawn" on mobile devices

用途

The theme header functionality has also been improved, and Dawn version 11 now displays SNS icons in the announcement bar by default. Here is an example of CSS settings to make it displayable not only on desktop but also on mobile.


CSS setting example to display SNS icons that can be displayed in the Dawn theme's notification bar on mobile devices


[Setup Steps] Add customized Liquid to the header and insert CSS code


After making a purchase (all items are ¥0), you will be able to view the sample code.

[Dawn] CSS setting example for displaying SNS icons in the announcement bar of Shopify's theme "Dawn" on mobile devices

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

[Setup Procedure] Add customized Liquid to the header and insert CSS code

↗ Related Post

すべてのShopify TIPS

View all