商品情報にスキップ
公開日：2024.12.28
【Dawn】Shopifyのテーマ「Rise/Dawn」のヘッダーの見た目を周囲にシャドウを落としたフローティングスタイルに変更する設定例
用途
Rise/DawnテーマのヘッダーにカスタムCSSを追加するだけの手軽な設定で、印象を変えられるカスタマイズ方法です。シャドウ効果でモダンな浮遊感を演出します。
◆実装のメリット
・視覚的な奥行きが生まれ、コンテンツが引き立ちます
・スクロール時の視認性が向上し、ユーザー体験が改善します
◆具体的な手順
・ヘッダーセクションの設定画面を開き、カスタムCSSを追加
テーマ「Rise/Dawn」のヘッダーの見た目を周囲にシャドウを落としたフローティングスタイルに変更する設定例
【設定方法】ヘッダーセクションにカスタムCSSを設定
サンプルコード
動作検証済テーマ：Dawn/Rise 15.2.0
