FacetWPプラグインのアドインであるMobile Flyoutをデバイスごとに表示・非表示にするCSS。

Mobile Flyoutは、スマホなどの横幅のないブラウザでFacet検索をする際に条件を検索するページを使うときだけポップアップで表示する機能を持つアドイン。

FacetWP：サイトにFacet Search（絞り込み検索）の機能をもたらすプラグイン

デバイスの種類を区別することができないので、ブラウザの横幅で区別する。Mobile Flyoutは、横幅の小さいブラウザで、ポップアップメニューが表示される仕組みなので、PCでは非表示、モバイルでは表示させたい。

/*
Mobile FlyoutをデスクトップPCで非表示にする
*/
@media (min-width: 686px) {
  .facetwp-flyout-open {
    display: none;
  }
}

/*
facetをモバイルで非表示にする
*/
@media (max-width: 685px) {
  :not(.flyout-item) > .facetwp-facet:not(.facetwp-type-pager) ,
  .facetwp-selections {
    display: none;
  }
}