ヘッダーの横幅指定について

横幅をどのようにしたいかを教えてください

2014年の情報は見つけたのですが、同じ項目が最新バージョンではstyle sheetで見つけられませんでした。

どのような情報ですか?リンクを教えてください

横幅は、記事幅と画面幅の二種類しかなくいくつに設定したいかは、背景画像を入れる親(あるいはその先祖)の幅が目的のサイズになれば設定できます。

つまり、

<div id="header">
  <div id="header-in">
    <div id="h-top"></div>
  </div>
</div>

こういう構造になってますが、画面幅の場合は#headerに画像が入ります。記事幅の場合は#h-topに入ります。いずれもwidthは100%で構いません。で、目的の幅を作りたい場合は、#header-inのwidthを設定すれば良いことになります。

例えば、

#header-in {
  width: 100%;
  max-width: 1600px;
}

このようにして、画像は記事幅になるように#h-topに入れます。まぁ#header-inでも良いですが。そうすると、最大1600pxまで横幅いっぱいで表示されます。

> 高さの変更はカスタマイズ可能でしたが

この高さ曲者です。
というのは、横幅が600pxで高さが100pxが正しい画像の表示域だとした時、横幅が800pxになった時に高さが100pxだとおかしいですよね？
足りない部分は表示しないか、あるいは引き伸ばすかですがこういう時にheightを固定するのはあまり良くありません。そういう場合は、画像のアスペクト比から、縦の高さを算出して高さを可変させることでPCの時には高さを少し低めに、モバイルの時はやや高く、あるいはその逆などといった事ができるようになります。

これらは計算が必要なので、画像のサイズがいくつか、設定したいヘッダのサイズはいくつか、PCの時は高さをどうするか、モバイルの時は高さをどうするかなどの仕様が必要です。

色々とご教授ありがとうございます。

おそらく、なんですが、カスタマイズで、サイドバーの幅を、デフォルトの300pxから336pxに変更した場合の36px分がずれてしまっているのではないかと思っています。

カスタマイズでいじるくらいの知識しかありませんので、cssなどをいじるのが恐いというのが正直な所ですので、仕様として336pxにした場合に同様にヘッダー背景の良い幅が動かないということでしたら諦めて300pxでの運用を考えています。

テーマに付随するカスタマイズ内でデフォルトが300pxのところを336pxにするという項目にチェックを入れてサイドバーを広げただけなので、ヘッダーが連動されない場合どこをいじればヘッダーが大きくできるのかわかりませんでした。ヘッダー画像設定のところで横幅が1106pxで限定されてしまいますが、stylesheet内に1106pxという指定が検索で見つけられなかったです。36px横幅が広がったため、ヘッダーは1142px必要という認識ですが、そうする方法がわからないということです。