[ 質問者返信待ち ] ページヘッダーの横幅を全幅でなくしたい

たしかに、Lightning に限らず、最近の WordPress テーマで作ったサイトを 4K ディスプレイのような特に大きな画面で見るとページヘッダーが大きすぎてアンバランスですよね。

私も気になっていましたが、たいていどこのサイトもそうだし、お客様から要望されたこともないので、まぁそんなものか…と思っていました。

とりあえず、以下の CSS を追加すればページヘッダーがコンテナと同じ幅になります。

.siteHeader, .page-header, .breadSection {
max-width: 1140px;
margin: 0 auto;
}

ただし、「ひと昔前」感が出てしまいます。(個人的意見？)

以下のようにメディアクエリを使って、フルHD(1920px)くらいまでは全幅で表示するのがよさそうです。

@media (min-width: 2500px) {
.siteHeader, .page-header, .breadSection {
max-width: 1140px;
margin: 0 auto;
}
}