Überschreiben Standard-Medienabfragen in WordPress Theme

Question

Ich habe eine Website und der Client möchte das mobile Menü bei ~ 1300px vs. Standard 768px haben.

Alles, mit dem ich wirklich arbeiten muss, ist ein benutzerdefiniertes CSS-Feld innerhalb des Themas. Derzeit ist die Website zieht in Frage vorhandenen CSS aus dieser file:/wp-content/cache/autoptimize/css/autoptimize_9e42ecb6dfd481fe6fed38efb1dbf60d.css

den spezifischen Code verursacht das Problem ist, wie folgt:

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

und

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

Sure I FTP gehen könnte und bearbeiten aber dann nehme ich an, wenn der Client das Thema oder WP aktualisiert, wird es überschrieben.

Irgendeine Lösung zu diesem? Entweder a) überschreiben Sie die Medienabfragen mit dem benutzerdefinierten css-Formular oder b) rufen Sie statt autoptimize_9e42ecb6dfd481fe6fed38efb1dbf60d.css eine andere CSS-Datei auf, damit ich sie bearbeiten kann?

Jede Hilfe würde sehr geschätzt werden!

Answer 1

Aktualisieren von Wordpress wird nicht Ihre Anpassung beeinflussen, Upgrade-Thema wird. Einzige Lösung ist das Bearbeiten der CSS-Datei (Kopie der alten Datei erstellen)

Answer 2

Oder Sie können die CSS von 767 Block zu 1300 Block kopieren. (brute force soln though: P)

Answer 3

Ändern Sie nicht die autoptimierte Datei (da dies eine automatische Aggregation aller CSS Ihrer Website aus Theme und Plugins ist, damit Ihre Änderung irgendwann überschrieben wird), aber ändern Sie das ursprüngliche CSS (wahrscheinlich eine Datei, die Teil Ihres Themas ist) oder besser noch create a child theme und machen Sie Ihre Korrekturen dort.

frank (autoptimize Entwickler)