応答のあるヘッダーのセンタリング - Wordpressのブログ

Question

私はいくつかの方法を試しましたが、これを達成するための各部分を得ることはできません。私は誰かのためのワードプレスのブログを作ったと彼女はそれに満足していましたが、最近ヘッダーが変更されたしたい。私はそれを幅広く持っていて、彼女はそれをボックス化/中心化したかった。ヘッダーには、基本的に左の2つの画像、ロゴ、ナビゲーションが含まれています。ブログは反応し、画面が一定のポイントに達すると、ヘッダーは残りのページのコンテナと一致します。しかし、フルスクリーンのラップトップ/デスクトップでは、それはまだ各側面のちょうど少しのパディングではるかに幅広く始まります。私はそれを右の幅にパッドすると、画面が変化すると小さくなります。私は、それがメインのスライダーとコンテナの幅と同じであることを常に望んでいます。あなたのブラウザのウィンドウを変更する場合は変更が行われ、それができるだけ早く固執なりどこ

.fusion-header{ 
position:relative; 
display:block; 
/*width:100%;*/ 
/*padding-left:162px; 
padding-right:160px;*/ 
padding-top:0px; 
padding-bottom:0px; 
} 

.fusion-header-wrapper{ 
position:relative; 
display:block; 
width:100%; 
float:center; 

} 

はあなたが見ることができます：

ブログはhttp://www.allloveblog.com

私は現在のヘッダを持っているCSSでありますそれは他のコンテナの幅ですが、コンテナの幅から開始するだけです。

ご迷惑をおかけして申し訳ありません。私はあなたがしなければならないのだと思い

Answer 1

はこれです：あなたは、いくつかのCSSルールを上書きする必要が

.fusion-header-wrapper { 
    max-width: 1160px; 
    margin: 0 auto; 
} 

場合だけクラスの前bodyを追加します。このようにしてルールが優先され、ルールを簡単に特定できます。このように：

body .fusion-header-wrapper { 
    max-width: 1160px; 
    margin: 0 auto; 
} 

EXPLANATIONあなたはmargin: 0 auto;

#mainでヘッダをセンタリングメインの幅限度max-width: 1160px;と明らかに一致するヘッダーに幅の制限を設定して行うために必要なものを基本的に
が左30pxのパディングを持っており、右。我々は、左右30pxのパディングと.fusion-headerを持って.fusion-header-wrapperインサイドmax-width: 1100px;
と.fusion-rowを持って#mainインサイド
。
max-width: 1100px;を設定すると、他のdivのパディングのために60個のpxを追加する必要があることがわかります。

P.S.既存のWPテーマを編集するためのチャイルドテーマを作成してください。