【トップページ】スマホでサイドナビに設置した検索窓が下の方に表示されます

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

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

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

PCトップページの場合

検索窓の表示位置その1

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

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

検索窓の表示位置その2

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

対策:ヘッダー or メインエリアに検索窓を追加する

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

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

検索窓の表示位置その4

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

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

検索窓の表示位置その5

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

検索窓の表示位置その6

各エリアで上のほうに設置していただくことで、検索窓がスマホトップでも上部に表示されるようになります。

この記事について評価をお願いいたします
  • 役に立った (2)
  • わかりにくい (0)
  • 必要な情報がなかった (0)
  • 探しにくかった (0)

関連しそうなFAQなど

ビーノとSUMAOU!の違い 次の開発予定 動画で学ぶビーノ 導入事例