# Dawn ヘッダーの編集について教えてください。

**URL:** <https://community.shopify.com/t/dawn/165803>\
**Category:** 技術的なQ＆A\
**Tags:** css\
**Created:** [November 7, 2022, 1:28pm UTC](https://community.shopify.com/t/dawn/165803 "2022-11-07T13:28:17Z")\
**Posts on this page:** 4\
**Page:** 1

## AI-generated summary

Shopifyの「Dawn」テーマのヘッダーカスタマイズに関する質問と回答。

**質問内容（3点）：**
- スクロール時にヘッダーを固定したい
- ヘッダーメニューを左寄りから右端に配置変更したい
- 検索ボタンやカートボタンを非表示にしたい

**回答された内容：**

*ヘッダー固定方法：*
theme.cssで`position: relative;`を削除し、`position: fixed;`と`z-index: 999;`を追記する。スクリーンショット付きで説明。

*ボタン非表示方法：*
header.liquidの赤枠で囲まれた2箇所を削除する。

**未解決の問題：**
- 質問者がtheme.cssファイルを見つけられない
- header.liquidで上部のボタン部分が見つからない（下部は削除できた）
- メニューの右寄せ配置方法は未回答

質問者はHTML知識がほとんどなく、コード編集に苦戦している状況。

<div class="post-metadata">

**Author:** ![sugihara8739](https://avatars.discourse-cdn.com/v4/letter/s/73ab20/32.png) [@sugihara8739](https://community.shopify.com/u/sugihara8739)\
**Post date:** [November 7, 2022, 1:28pm UTC](https://community.shopify.com/t/dawn/165803/1 "2022-11-07T13:28:17Z")

</div>

Dawnのヘッダーについて分からない点が３点あります。

・スクロールした際にヘッダーを固定する方法

・ヘッダーメニューが写真のように左側に寄っている状態から右端に寄せたい。

（一番下に画像を添付しております。）

・ヘッダーメニューの検索ボタンやカートをボタンを消したい。

現状としてはコード編集をしてどうにか消そうとしているが、

何処をどう編集すればよいかわからず、困っております。

また当方はHTMLの知識は全くない状態です。

宜しくお願い致します。

![現状ヘッダー.png](https://canada1.discourse-cdn.com/shopifyforum/optimized/4X/f/6/f/f6f688a1e829bb029596c2e1c0a9c47972396411_2_690x56.png)

---

<div class="post-metadata">

**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:** [November 8, 2022, 9:13am UTC](https://community.shopify.com/t/dawn/165803/2 "2022-11-08T09:13:36Z")

</div>

Sugihara8739 様

はじめまして、フルバランスの道家と申します。

ご質問確認いたしました。

コード編集ってどこかとっつきにくいですよね。

すぐにお示しできる以下２点のみ回答させてください

・スクロールした際にヘッダーを固定する方法

→コード編集 \> theme.cssの添付画像あたりのposition: relative;を削除し、position:fixed;とz-index:999;を追記ください。

 ![スクリーンショット 2022-11-08 18.04.03.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/1/b/1b0fa8187a76620872877c883cec169a9d55e1fc.jpeg)

・ヘッダーメニューの検索ボタンやカートをボタンを消したい。

→コード編集 \> header.liquidの添付画像の赤囲み2箇所を削除してください。

 ![スクリーンショット 2022-11-08 18.03.53.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/2/9/2948a906cad821e843f401702a05a7b66eb2d4d0.png)

なにかヒントになれば幸いです。

私たちの励みにもなりますので、

お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス 道家

---

<div class="post-metadata">

**Author:** ![sugihara8739](https://avatars.discourse-cdn.com/v4/letter/s/73ab20/32.png) [@sugihara8739](https://community.shopify.com/u/sugihara8739)\
**Post date:** [November 8, 2022, 12:07pm UTC](https://community.shopify.com/t/dawn/165803/3 "2022-11-08T12:07:28Z")

</div>

道家様

返信していただきありがとうございます。

早速答えて頂いた２点についてお聞きしたいことがあります。

ヘッダー固定にする方法につきましてはtheme.cssが見つかりませんでした。

コード編集からレイアウト・テンプレートといった一覧のファイルを確認しましたが、

どのファイルに入っているのでしょうか。

またアイコンを消す方法については画像の下部分については消すことができましたが、

上部分（button から始まる方）についてはheader.liquid内を確認しましたが見当たりませんでした。一応ウェブページにて自身のページを確認したところ未だ消えておりません。

どうしたらよいでしょうか。

---

<div class="post-metadata">

**Author:** ![sugihara8739](https://avatars.discourse-cdn.com/v4/letter/s/73ab20/32.png) [@sugihara8739](https://community.shopify.com/u/sugihara8739)\
**Post date:** [November 8, 2022, 12:45pm UTC](https://community.shopify.com/t/dawn/165803/4 "2022-11-08T12:45:27Z")

</div>

道家様

アイコンを消すコードについてですが

下の赤い四角の箇所を消したつもりでしたが、別のものでした。

下の赤い四角（\<aから始まる方）も同様に見当たりません。
