css - 响应式 Wordpress 导航栏 - 附加 CSS

Question

您好，我不得不在 Wordpress 中自定义这个额外的 CSS。我使用了一个名为 Poza Child 的主题，它的最大宽度 (100%) 如下图所示。我想制作一个充满屏幕的响应式导航栏。

正如您在这里看到的，有一个间隙(黑色和灰色)。我想制作一个响应式导航栏(全黑)，就像下面的一样。

但是由于所使用的主题，我必须添加额外的 CSS 以使其全 Angular 显示并响应任何屏幕尺寸。这是我的 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;
}

我试图将其更改为负值，以像素为单位(例如 -380 像素)，但它对平板电脑和移动设备没有响应。我怎样才能克服这个？提前谢谢你。

Answer 1

谢谢大家。我找到了我的解决方案。正如你们所说，问题出在容器上。

应该是这样的:

 #header .container {
    width: 100%;}

我刚刚删除了主导航。谢谢大家!