如何使wordpress主题全宽？

Question

我尽了最大努力但是我无法通过编辑CSS来制作以下主题全宽/屏幕。如果你能告诉我或给我一些关于这种定制的暗示，我将非常感激。

http://demo.mythemeshop.com/sociallyviral/

你看到上面主题中的页脚（它是全宽），如何使整个主题的主体/容器像页脚一样全宽？

注意：我尝试添加/删除边距/填充等。

Answer 1

要完成此类http://i.imgur.com/mekVyJg.jpg之类的操作，您需要在css文件中进行以下更改：

.main-container {width:100%;max-width:100%}
#page, .container {width:100%}

Answer 2

在responsive.css文件中执行以下更改

.main-container {
    /** max-width: 96% replace this with bellow  */
    max-width: 100%;
}

从style.css文件中删除这些样式

.main-container{
    width: 1170px;
}
.container{
    max-width: 1170px;
}
.primary-navigation {
    max-width: 1170px;
}

然后您的网站将全宽

Answer 3

替换以下样式并执行此操作

Style.css第305行

.primary-navigation {
display: block;
float: left;
width: 100%;
text-align: left;
}

Style.css第174行

#page, .container {
max-width: 100%;
min-width: 240px;
}

Responsive.css第63行

.main-container {
max-width: 100%;
}

Answer 4

尝试点击外观 >> 自定义 >> 其他CSS。

.container {
    width: 70%;
}

Answer 5

我当时正在使用GeneratePress主题和Elemetor页面构建器，并且在移动视图中也遇到了相同的问题。 在这里，elementor-page是所有内容所在的部分。

我使用了以下代码：

@media only screen and (max-width: 480px){
    .elementor-page{
    overflow-x:hidden;
}}