レスポンシブなWordpressのナビゲーションバー - 追加のCSS

Question

こんにちは私はWordpress.Iでこの追加のCSSをカスタマイズするためには、ポーザーチャイルドと呼ばれるテーマを使用しており、下の図のように最大幅（100％）です。私は、画面に表示される反応的なナビゲーションバーを作りたがっていました。あなたがここに見ることができるように

は、ギャップ（黒とグレー）があります。私は以下のような反応的なナビゲーションバー（すべて黒色）を作りたかったのです。

しかしために使用テーマの、私はそれ全角および任意の画面サイズに応じて行うために、追加のCSSを追加する必要があります。これは私のWordPressのCSSのコードスニペットです。

#primary #content { 
    margin-top: 50px; 
} 
#header .nav-main { 
    background-color: #000000; 
} 

#header .nav-main .container { 
    width: 100%; 
} 

.heading { 
border-top: 2px solid #000000; 
    border-bottom: 2px solid #000000; 
padding-top: 4px; 
padding-bottom: 4px; 
} 

私は（-380px。例えば）ピクセルで、負の値に変更しようとしたが、それはタブレットとモバイル用応答ではありません。どうすればこれを克服できますか？前もって感謝します。

Answer 1

ありがとうございます。私は私の解決策を見つけました。あなた方が言っているように、それは問題だった容器です。

それはこのようにする必要があります：私はちょうどNAV-メインを削除

#header .container { 
    width: 100%;} 

。皆さんありがとう！