【トップページ】ヘッダーがブラウザの横幅いっぱいに表示されます

デザインタイプで「横幅100%伸縮タイプ」を選択していませんか?

発生事象

店舗様のお選びいただいているデザインテンプレートによって、以下のようにトップページのヘッダーが画面いっぱいに表示されることがあります。

原因について

横幅100%伸縮タイプのデザインを選択しているため

ビーノのデザインテンプレートには「横幅1200px固定タイプ」と「横幅100%伸縮タイプ」の2種類があります。

横幅100%伸縮タイプ」のデザインは、ヘッダーの一部およびフッターの横幅が画面の表示サイズに合わせて100%表示されるダイナミックなテンプレートとなります。

ご解消方法

横幅1200px固定タイプのデザインを選択する

1. PCトップページの編集画面へ進む

PCトップページの編集画面へ進む

2. 「デザインを選ぶ」をクリック

「デザインを選ぶ」をクリック

3. 「横幅1200px固定タイプ」の中からお好みのデザインを選ぶ

「横幅1200px固定タイプ」の中からお好みのデザインを選ぶ

4. 「メニュートップに戻る」をクリック

デザインの設定画面を一番下までスクロールし、「メニュートップに戻る」をクリックしましょう。

「メニュートップに戻る」をクリック

5. 「反映する」をクリック

最後に「反映する」よりトップページを作成・公開して完了です。

「反映する」をクリック

横幅1200px固定タイプでの表示イメージ

横幅1200px固定タイプのデザインをお選びいただきますと、以下イメージ画像のようにブラウザの横幅関係なく、ヘッダーは1200pxのサイズで表示されます。

 

関連キーワード
PCトップページ 拡大 表示サイズ 大きく表示される
この記事について評価をお願いいたします
  • 役に立った (1)
  • わかりにくい (0)
  • 必要な情報がなかった (0)
  • 探しにくかった (0)

関連しそうなFAQなど

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