覆盖 WordPress 主题中的默认媒体查询答案

【问题标题】：Override default media queries in WordPress theme覆盖 WordPress 主题中的默认媒体查询
【发布时间】：2016-08-22 16:38:01
【问题描述】：

我有一个网站，客户希望移动菜单以 ~1300 像素而不是默认 768 像素启动。

我真正需要处理的是主题内的自定义 CSS 字段。目前，该网站正在从file:/wp-content/cache/autoptimize/css/autoptimize_9e42ecb6dfd481fe6fed38efb1dbf60d.css

中提取有问题的现有 CSS

导致该问题的具体代码如下：

@media only screen and (min-width: 767px)
.csstransforms3d.csstransitions #navigation {

和

@media only screen and (max-width: 767px)
.csstransforms3d.csstransitions #navigation {

当然我可以进入 FTP 并对其进行编辑，但是我假设当客户端更新主题或 WP 时它将被覆盖。

有什么解决办法吗？ a) 使用自定义 css 表单覆盖媒体查询或 b) 调用不同的 CSS 文件而不是 autoptimize_9e42ecb6dfd481fe6fed38efb1dbf60d.css，以便我可以去编辑它？

任何帮助将不胜感激！

【问题讨论】：

【解决方案1】：

更新 wordpress 不会影响您的自定义，升级主题会。唯一的解决方案是编辑 css 文件（复制旧文件）

【讨论】：

【解决方案2】：

或者您可以将 css 从 767 块复制到 1300 块。（虽然蛮力解决了：P）

【讨论】：

【解决方案3】：

不要更改自动优化的文件（因为这是您网站所有来自主题和插件的 CSS 的自动聚合，因此您的更改最终会被覆盖），而是更改原始 CSS（可能是您的主题中的一个文件) 或者更好的是 create a child theme 并在那里进行更正。

frank（自动优化开发者）

【讨论】：