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

时间:2016-04-28 05:13:37

标签: css wordpress responsive-design media-queries

我有一个网站,客户希望移动菜单在~1300px与默认768px之间启动。

我真正需要处理的是主题内部的自定义CSS字段。目前,该网站正在从此toBlob()

中提取现有的CSS

导致此问题的具体代码如下:

file:/wp-content/cache/autoptimize/css/autoptimize_9e42ecb6dfd481fe6fed38efb1dbf60d.css

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

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

对此有何解决方案?要么a)使用自定义css表单覆盖媒体查询,要么b)调用不同的CSS文件而不是@media only screen and (max-width: 767px) .csstransforms3d.csstransitions #navigation { ,以便我可以编辑它?

非常感谢任何帮助!

3 个答案:

答案 0 :(得分:1)

更新wordpress不会影响您的自定义,升级主题会。只有解决方案是编辑css文件(制作旧文件的副本)

答案 1 :(得分:0)

或者您可以将css从767块复制到1300块。 (蛮力溶解虽然:P)

答案 2 :(得分:0)

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

frank(autoptimize developer)