Ändern Sie den Haltepunkt der Woocommerce-Medienabfrage, um woocommerce-smallscreen.css mit maximaler Breite zu laden: 767 Pixel statt 768 Pixel

Woocommerce laden woocommerce-smallscreen.css bei maximaler Breite 768px. Wie kann ich es auf 767px ändern? Ich verwende diese CSS-Datei, also möchte ich, dass sie geladen wird, aber auch irgendwie diesen Medienabfrage-Haltepunkt ändert.

Ich habe in Woocommerce-CSS-Dateien nach dieser Medienabfrage gesucht, aber ich habe diesen Satz nicht gefunden, den ich in Chrome-Entwicklungstools sehe: media="only screen and (max-width: 768px)"

Fügen Sie diesen Woocommerce-Filter in functions.php hinzu.

// Change Woocommerce css breaktpoint from max width: 768px to 767px  
add_filter('woocommerce_style_smallscreen_breakpoint','woo_custom_breakpoint');

function woo_custom_breakpoint($px) {
  $px = '767px';
  return $px;
}