# Debutのヘッダーを固定したい。

**URL:** <https://community.shopify.com/t/debut/165428>\
**Category:** 技術的なQ＆A\
**Tags:** css\
**Created:** [November 5, 2022, 3:47pm UTC](https://community.shopify.com/t/debut/165428 "2022-11-05T15:47:31Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

Debutテーマでヘッダーを固定する方法についての質問です。

**質問内容：**
- スクロール時にヘッダーを固定したい
- HTML知識がなく、コード編集方法が分からない
- アイコンの削除方法も知りたい

**提供された解決策：**
- Debutでヘッダー固定にはコード編集が必要（HTML + Javascript）
- 海外フォーラムに具体的な編集方法が紹介されている
- より簡単な代替案として、ヘッダー固定機能が標準搭載されているDawnテーマ（無料）やPrestigeテーマ（有料）への移行を推奨

**アイコン削除について：**
- CSSで非表示にすることが可能
- 海外フォーラムのベストアンサーが参考になる

**結果：**
質問者はDawnテーマで試してみることを決定しました。

<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 5, 2022, 3:47pm UTC](https://community.shopify.com/t/debut/165428/1 "2022-11-05T15:47:31Z")

</div>

Debut にてサイトを作成しております。

スクロールした際にヘッダー固定をしたいのですがどうしたら良いか分かりません。

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

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

お手数ですがアイコンを消す方法を教えていただけないでしょうか。

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

宜しくお願い致します。

---

<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 7, 2022, 8:50am UTC](https://community.shopify.com/t/debut/165428/2 "2022-11-07T08:50:50Z")

</div>

Sugihara8739さま

はじめまして、フルバランスの渡邉です。

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

スクロール中もヘッダーメニューが表示されていた方がわかりやすいですよね。

Debutではヘッダーを固定するにはコードを編集する必要があるようです。

弊社では未検証ですが、海外のフォーラムに具体的なコードの編集方法が紹介されていましたので、

以下参考になるかと存じます。

[https://community.shopify.com/topic/518018](https://community.shopify.com/topic/518018)

ただ、HTML以外にJavascriptの編集も必要ですので、

ヘッダー固定の設定がカスタマイズ画面からできる[Dawn](https://themes.shopify.com/themes/dawn/styles/default?locale=ja)(無料)や[Prestige](https://themes.shopify.com/themes/prestige/styles/allure)(有料)などのテーマを使用された方が楽かもしれません。

アイコンを消すといただいている部分ですが、ヘッダーの検索、アカウント、カートアイコンを削除されたいという認識で合っていますでしょうか？

こちらはCSS非表示にすることが可能ですので、以下フォーラムのベストアンサーが参考になるかと思います。

[https://community.shopify.com/topic/1617240](https://community.shopify.com/topic/1617240)

ご参考になりましたでしょうか。

私たちの励みにもなりますので、  
お役に立てていれば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 7, 2022, 12:47pm UTC](https://community.shopify.com/t/debut/165428/3 "2022-11-07T12:47:56Z")

</div>

渡邉さま

調べて頂きありがとうございます！

Dawnにて挑戦してみます！
