响应式WordPress导航栏-附加CSS

Question

嗨，我坚持在Wordpress中定制这个额外的CSS。我使用了一个名为Poza Child的主题，它的最大宽度（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

谢谢大家。我找到了解决办法。正如你们所说的，问题出在集装箱上。

应该是这样的:

 #header .container {
    width: 100%;}

我刚刚删除了导航主设备。谢谢大家！