ワードプレステーマ「SWELL」でヘッダーを透過すると、ロゴとメニューが左右に広がってしまうんですよね↓
なんだか間延びしてしまって、見た目があまりよろしくない。
ということで解決方法を考えました。
いろいろ探してみたのですが、設定項目からは変えられないようです。
なのでCSSを書いてみました。
それがこちら↓
.l-header__inner.l-container{
max-width:1296px;
}これを外観→カスタマイズ→追加CSSのところにコピペしてください。
「1296」の数値は、外観→カスタマイズ→サイト全体設定→基本デザイン→サイト幅、の数値に96を足したものにしてください。左右に余白（padding）が48pxずつあるためです。
はい、これでギュッと絞られて下のコンテンツ幅と一緒になりました↓
以上です。
