スマートフォンの場合、使い勝手やスペースの問題もあって、検索機能をヘッダー部に虫眼鏡アイコンで表示していることが多いです。

検索窓の開き方はおもに二通りです。

検索窓をオーバーレイする

スライドして表示する検索窓

注意点

ヘッダーメニュー（くっつくタイプ）の挙動によっては、作業が複雑になり費用が余分にかかります。

スマートフォン用メニュー（ハンバーガーメニューなど）との重なりがありますので、丁寧な作り込みが必要です。

執筆者

えいじ@naeco.jp　この記事を書いた人

メーカー系情報システム部門出身の個人事業主。
自作するのが好きですぐに試したくなる、凝り性なWebエンジニア。
カラーミーショップ、モールなどのECについて記事にしています。

ご相談・お問い合わせはこちら