スマートフォンでのサイト表示とモバイルメニューの仕組み
← 戻る画面幅が768ピクセル以下の場合、ヘッダーにはロゴとウェルカムメッセージが残り、他の項目は「ハンバーガー」ボタンの下に隠れてリストで展開されます。
狭い画面（768ピクセル以下）では、上部メニューが自動的に再構成されます。設定は不要です：
- ヘッダーに残るのは ロゴ と 挨拶文のみで、右側にハンバーガーボタンがあります。
- タップすると残りの項目がヘッダーの下にリストで展開されます：全幅の行、中央揃えのテキスト、行間の細い線。
- もう一度タップするか、外側をクリックするとリストが閉じます。
- ロゴの横に収まらない長い挨拶文は、丸ごと2行目に移動し、ボタンはロゴの右側に残ります。
ヘッダーに残る項目は設定できません：ロゴと挨拶文のみです。上部メニューのその他はすべてリスト内にあります。
ロゴ。 スマートフォンでは幅に合わせて収まり、スタイルシートで指定された高さが上限となります。ロゴの上下に余計な空白はできません。
確認方法。 スマートフォンでサイトを開くか、ブラウザのウィンドウを狭めてください。スマートフォンでは管理者モード切り替えボタンがハンバーガーの隣に丸いボタンとして表示されます。
うまくいかない場合
- スマートフォンでサイトがパソコンと同じように小さく表示される。 キャッシュをクリアしてページを再読み込みしてください。スマートフォンが古いバージョンのページを保存している可能性があります。
- ページが横にスクロールする。 テキスト内の幅の広い要素（表やピクセル単位で幅が指定されたブロック）が原因です。幅を減らすか、パーセントで指定してください。
- 必要なボタンがハンバーガーメニューに隠れてしまった。 例えば「アプリをインストール」など。フッターに配置するか、ページ内のセクションとして設置してください。
記事は役に立ちましたか？
ありがとうございます、記録しました。
こちらもご覧ください
ロゴとファビコンの設定方法両方の画像はインフォーマー「ロゴ」の設定で、「ロゴ」と「ファビコン」フィールドにアップロードします。ブロックの装飾方法：枠線、背景、余白、影ブロックにカーソルを合わせて歯車をクリックすると、スタイルウィンドウが開き、「境界線」「ブロック」「テキスト」「リンク」「アニメーション」「位置」タブが表示されます。カウンターや外部ウィジェットを全ページに追加する方法一般設定の「サイトについて」タブ、「ウィジェットのHTMLコード」フィールド — コードはサイトの各ページに挿入されます。メニューのインフォーマーとはこれらはメニュー内で項目と同列に並ぶ小さなウィジェットです：ロゴ、カート、検索、言語切り替え、チャットなど。
ヘルプセクションでは、よくある質問への回答と、Site Lookサイトビルダーの操作に関する役立つ手順を見つけることができます。ここでは、セクションの管理方法、オブジェクトの追加方法、サイトの設定方法を学ぶことができます。資料は初心者にも経験者にも役立ちます。回答が見つからない場合は、サポートにお問い合わせください。