在WordPress中创建一个Full-Width页面

Question

如何获得全宽？在右侧有一个侧边栏。我删除了它。没有选项＆＃34; Full-Width＆＃34;在模板选项下的下拉菜单中。

Answer 1

看起来主题是硬编码的，以便在style.css中使用70％的宽度。您可以将此自定义CSS添加到子主题文件夹中的style.css文件中，使其宽度为100％。

#primary {
    float: left;
    width: 100%;
}

移动设备的断点似乎已经是100％宽度，但容器上没有边距，因此内容与屏幕边缘齐平，看起来很奇怪。

@media only screen and (max-width: 1023px) {
  #primary {
    margin-bottom: 50px;
    padding: 0px;
    float: none;
    width: 100%;
    border: none;
  }
}