如何使 wordpress 主题全宽？答案

【问题标题】：How do I make a wordpress theme full width?如何使 wordpress 主题全宽？
【发布时间】：2015-05-17 01:59:31
【问题描述】：

我已尽力而为，但无法通过编辑 CSS 使以下主题全宽/全屏。如果您能告诉我或给我有关此自定义的提示，我将不胜感激。

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

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

【问题讨论】：

【解决方案1】：

我使用的是 GeneratePress 主题和 Elmetor 页面构建器，在移动视图上遇到了同样的问题。在这里，elementor-page 是所有内容所在的部分。

我使用了这个代码：

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

【讨论】：

【解决方案2】：

尝试点击外观 >> 自定义 >> Additional CSS.

.container {
    width: 70%;
}

【讨论】：

【解决方案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%;
}

【讨论】：

【解决方案4】：

在 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;
}

然后您的网站将全宽工作

【讨论】：

【解决方案5】：

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

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

【讨论】：