Kadence主题移动端单篇文章容器全屏设置问题求助

操作步骤： #

1. 先在Kadence主题自定义面板中，将单篇文章的内容样式设置为Boxed，确保桌面端（含小尺寸电脑屏幕）保持预期的boxed布局效果。
2. 进入「外观 > 自定义 > 额外CSS」，添加以下代码：

/* 移动端（≤768px）设置单篇文章全屏布局 */
@media only screen and (max-width: 768px) {
  /* 覆盖主题boxed容器的宽度限制 */
  .single-post .site-container {
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  /* 清除文章内容区域的额外内边距 */
  .single-post .entry-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

注意事项： #

• 如果代码未生效，打开浏览器开发者工具（F12），检查单篇文章页面的容器类名，替换代码中的.site-container或.entry-content为实际页面的对应类（比如部分Kadence版本可能使用.kt-container）。
• 可根据需求调整max-width的数值（比如改成767px），或修改padding-left/right的数值来适配你的移动端显示需求。

内容的提问来源于stack exchange，提问作者Emanuel Luz