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

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

発生事象

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

原因について

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

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

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

ご解消方法

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

  1. まずビーノのトップページ編集画面に入りましょう。
  2. 左メニューの「デザインを選ぶ」をクリックしてください。
  3. 横幅1200px固定タイプ」の中からお好きなデザインをお選びください。
  4. デザインの選択が完了したら、設定画面を一番下までスクロールし、「メニュートップに戻る」ボタンをクリックしましょう。
  5. 最後に「反映する」より作成・公開を行い、完了となります。

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

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

 

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

関連しそうなFAQなど

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