ヘッダーの下、[すべてのカテゴリ] [すべてのタグ] の横にある 2 つのオプションは、PC 表示では表示されます。
しかし、モバイル表示では表示されません。
調整することで表示できますが、モバイル表示のホームページでデフォルトで表示されるようにしたいです。モバイル表示で有効にする方法を教えてください。
ヘッダーの下、[すべてのカテゴリ] [すべてのタグ] の横にある 2 つのオプションは、PC 表示では表示されます。
しかし、モバイル表示では表示されません。
調整することで表示できますが、モバイル表示のホームページでデフォルトで表示されるようにしたいです。モバイル表示で有効にする方法を教えてください。
こんにちは ![]()
これらの入力は、モバイルでは .hidden クラスでのみ非表示になっているようです。
表示することはできますが、モバイル表示用にスタイル設定されていないため、見た目が悪くならないように、もう少しCSSルールを追加する必要があります。
まず、以下から始めることができます。
.category-breadcrumb {
display: flex !important;
gap: 0;
.plugin-outlet-component {
flex: 0;
}
}
これを、テーマまたはコンポーネントの Mobile タブに配置してください。
すると、このようになります。
あまりテストしておらず、これらのセレクターの前後に利用可能なアウトレットを使用するプラグインやコンポーネントに干渉する可能性があります。
そのため、これは完全な機能というよりは、作業のベースになるものかもしれません…試してみて、どのように機能するか見てみてください ![]()
編集:
これらの入力は、カテゴリページではデフォルトで表示されると聞きました。
そのため、現在のCSSコードは、カテゴリページでのこれらのフィールドのレイアウトを少し台無しにする可能性があり、さらに調整が必要です。 ![]()
こちらをご覧ください。
実はCSSの使い方が全く分かりません。そもそも、私はコンピューターサイエンスの分野とは全く関係ありません。
オン・オフできるオプションがあれば、それくらいならできます。
残念ながら、現在これに対するUIスイッチはありません。このカスタム動作を実現するには、小さなテーマコンポーネントと、それにいくつかの追加コードを作成する必要があります。
教えていただけますか?