# テーマ「dawn」のヘッダーに関して **URL:** \ **Category:** 技術的なQ＆A\ **Tags:** css\ **Created:** [February 6, 2024, 5:11am UTC](https://community.shopify.com/t/dawn/293130 "2024-02-06T05:11:31Z")\ **Posts on this page:** 2\ **Page:** 1 ## AI-generated summary Dawnテーマでサイト構築中、ファーストビューのヘッダー透過は実装できたが、スクロール時に背景色とヘッダー文字色が重なり視認性が低下している問題が発生。 **求めている機能:** - ファーストビュー以下でスクロールした際、ヘッダー背景を白色に変化させたい - 参考サイトはDebutテーマ用のため、Dawnテーマでは少しコードが異なる **提案された解決策:** - 有料記事に実装方法が記載されている（note.com） - HTML、CSS、Liquid、JavaScriptを使用する必要がある - コード知識がない場合は実装が難しい - Shopifyパートナーや制作会社への相談も検討すべき 技術的な難易度が高く、専門知識が必要な案件として位置づけられている。
**Author:** ![TKB2](https://avatars.discourse-cdn.com/v4/letter/t/5e9695/32.png) [@TKB2](https://community.shopify.com/u/TKB2)\ **Post date:** [February 6, 2024, 5:11am UTC](https://community.shopify.com/t/dawn/293130/1 "2024-02-06T05:11:31Z")
現在、テーマ「DAWN」を使用してサイト構築中です。 下記サイトを参考にファーストビューのヘッダー透過まではできているのですが、 ページをスクロールする中で背景カラーとヘッダー上の文字の色が被って見えづらい状態です。 [https://dtnavi.tcdigital.jp/shopify/shopify-header-customize/](https://dtnavi.tcdigital.jp/shopify/shopify-header-customize/) ファーストビュー以下までスクロースするとヘッダーの背景が白色に変化するようにしたいのですが、 どうも上手くいかず困っています。 （上記サイトはテーマ「Debut」をベースにしているため「DAWN」とは少しコードが違うのかもしれません） どなたか解決するための糸口をご教示いただけますと幸いです。よろしくお願いいたします。 ---
**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\ **Post date:** [February 7, 2024, 9:03am UTC](https://community.shopify.com/t/dawn/293130/2 "2024-02-07T09:03:25Z")
TKB2様 ご質問を確認いたしました。 こちらの実装でしたら、以下の記事に方法が記載されておりました（一部有料） [https://note.com/tech\_malin/n/n790fe984404b#ceeea0b1-d703-49b8-b15a-be7a38664eeb](https://note.com/tech_malin/n/n790fe984404b#ceeea0b1-d703-49b8-b15a-be7a38664eeb) 本機能の実装はhtml,css,liquid,Javascriptを使用しますので、 ある程度コードの知識がないと実装は難しいです。 もし対応が難しいようでしたら、コードを書ける方や制作会社、 shopifyパートナー等にご相談することもご検討いただけましたらと存じます。 ご参考までに。 私たちの励みにもなりますので、 お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。 分からない点があれば、またいつでもご連絡ください。 フルバランス 園畑