サイドナビに設置した検索窓が、スマホページでは下の方に表示されてしまうのを避けたい

メインエリア上部に検索窓を追加いただくことで表示できます

原因:なぜ下の方に表示されるのか?

PCトップページ作成画面にて、左サイドナビに検索窓をご設定いただくと、スマホページでみた時にサイドナビの表示がメインエリアよりも下になります。
(レスポンシブデザインによる仕様)

PCトップページの場合

検索窓の表示位置その1

PCでは上の方に表示される検索窓ですが、スマートフォンから見ると……?

スマートフォンページの場合

検索窓の表示位置その2

このように下の方に表示されてしまいます。

対策:メインエリアに検索窓を追加する

PCトップページ作成画面にて「パーツを追加する」をお選びいただき、エリア選択で【メイン】をクリックします。

検索窓の表示位置その3

続いて【検索窓】のボタンを押してください。

検索窓の表示位置その4

必要に応じて、検索窓のタイトルと人気検索ワードのご設定をお願いします。

※「検索窓」というタイトルがデフォルトで表示されています

検索窓の表示位置その5

【決定】を押すと検索窓がページ内に設置されます。
検索窓にカーソルを当てると矢印のアイコンが表示されますので、こちらをクリックしていただき上へ移動させます。

検索窓の表示位置その6

ヘッダーのすぐ下に設置していただくことで、検索窓がスマホトップでも上部に表示されるようになります。

知りたかった点は解決しましたか?

関連するFAQなど