响应Wordpress导航栏 - 其他CSS

嗨我坚持要在Wordpress中自定义这个额外的CSS.I使用称为Poza Child的主题，它的最大宽度（100％）如下图所示。我想制作一个响应式导航栏来填满屏幕。响应Wordpress导航栏 - 其他CSS

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

然而，由于主题的使用，我必须添加额外的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），但它不是为响应平板电脑和手机。我该如何克服这一点？先谢谢你。

来源

2017-08-15 Bluesky Izz

什么是网址？你需要调整HTML上的正确标记 – user8256287

@JaysonJohn你是什么意思标记在HTML？ –

你应该调整ie.wrapper而不是ie.container – user8256287

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

它应该是这样的：

#header .container { 
    width: 100%;}

我刚刚删除的NAV-为主。谢谢大家！

来源

2017-08-22 08:48:34

响应Wordpress导航栏 - 其他CSS

回答

相关问题