# テーマ「dawn」でヘッダーに検索フォームを追従で固定させたい

**URL:** <https://community.shopify.com/t/dawn/332729>\
**Category:** 技術的なQ＆A\
**Tags:** javascript, css, html\
**Created:** [June 19, 2024, 8:31am UTC](https://community.shopify.com/t/dawn/332729 "2024-06-19T08:31:55Z")\
**Posts on this page:** 1\
**Page:** 1

## AI-generated summary

ユーザーはWordPressテーマ「DAWN」で、ヘッダーに検索フォームを追従固定させたいと質問しています。

**要望の詳細：**
- PC・スマホ両方で検索フォームをヘッダーに表示
- スクロール時に追従させたい
- 2行表示は避けたい（検索バーとして表示希望）

**現状の課題：**
- デフォルトでは「虫眼鏡アイコン」がヘッダーに表示されている
- これを非表示にして、代わりに検索フォームを配置したい

添付画像で理想的なレイアウトが示されていますが、具体的な実装方法についての回答はまだ投稿されていません。CSS、HTML、JavaScriptを使った解決策が求められています。

<div class="post-metadata">

**Author:** ![Anonymous\_8062a2540b71ad04fb1cc99f873b9b93](https://avatars.discourse-cdn.com/v4/letter/a/3be4f8/32.png) [@Anonymous\_8062a2540b71ad04fb1cc99f873b9b93](https://community.shopify.com/u/Anonymous_8062a2540b71ad04fb1cc99f873b9b93)\
**Post date:** [June 19, 2024, 8:31am UTC](https://community.shopify.com/t/dawn/332729/1 "2024-06-19T08:31:55Z")

</div>

はじめまして。質問をご覧くださりありがとうございます。

テーマ「DAWN」で、ヘッダーに添付画像のような検索フォームを

PC・スマホともに表示させたいです。

 ![スクリーンショット 2024-06-19 17.18.23.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/c/c/cc03ad34ff9a751dee7868e612653d0d8e809033.png)

デフォルトでは「虫眼鏡アイコン」がヘッダーには表示されており、

こちらを非表示にして、

2行の表示にして構わないので、検索バーにしたく思います。

また、スクロール追従もさせたいです。

ご協力いただける方がいらっしゃいましたらご回答いただけますと幸いです。