質問への返答ではないのですが、参考資料をフォーラムに貼る場合はjpegやgifなどの画像にするのがおススメです。xlsxはエクセルの拡張子なので、エクセルを開けるユーザーでないと中身を確認することができません。

@swell_mania アドバイスいただきありがとうございます。以後そのようにいたします。

アドバイスいただきましたので、先の添付ファイルをPDF化いたしました。
以下、ご質問の再掲でございます。どうぞよろしくお願い申し上げます。

ヘッダーロゴとヘッダーナビについて、

カスタマイズしながらリアルタイムに見えている画面では左右の位置はおかしくないのに、

サイトを表示 状態でPC全体で見る形にすると、左右が大きな余白になってしまいます。

その状態が、実際にサイト公開した際の見え方になると思うのですが、

左右がこのようなことにならないようにするには、どのようにすればよろしいのでしょうか？

お手数おかけしますが、どうぞよろしくお願い申し上げます。

ヘッダーのロゴからメニューが表示されるエリアの横幅は、初期値で最大1296pxです。
カスタマイザー内で設定できるサイト幅（1200px）＋左右48pxの余白(96px)という計算です。

最大値近辺、または最大値より小さい解像度の端末でアクセスすると左右の余白はほぼ消えます。カスタマイザーでの表示はこのパターンです。

その逆に解像度の高い端末の場合はロゴとメニューが表示されるエリア（1296px）は固定で、その横に余白ができます。
ロゴが画面の左端、メニューが右端に表示される仕様ではありません。

@swell_mania お返事いただき、誠にありがとうございます。解像度によってはどうしようもない旨、理解いたしました。早々にお返事いただき、またご丁寧に解説いただき、感謝申し上げます。今後ともどうぞよろしくお願い申し上げます。