モバイルビューのホームページガイド

ヘッダーの下、[すべてのカテゴリ] [すべてのタグ] の横にある 2 つのオプションは、PC 表示では表示されます。

しかし、モバイル表示では表示されません。

調整することで表示できますが、モバイル表示のホームページでデフォルトで表示されるようにしたいです。モバイル表示で有効にする方法を教えてください。

こんにちは :wave:

これらの入力は、モバイルでは .hidden クラスでのみ非表示になっているようです。

表示することはできますが、モバイル表示用にスタイル設定されていないため、見た目が悪くならないように、もう少しCSSルールを追加する必要があります。

まず、以下から始めることができます。

.category-breadcrumb {
    display: flex !important;
    gap: 0;
    .plugin-outlet-component {
        flex: 0;
    }
}

これを、テーマまたはコンポーネントの Mobile タブに配置してください。

すると、このようになります。

あまりテストしておらず、これらのセレクターの前後に利用可能なアウトレットを使用するプラグインやコンポーネントに干渉する可能性があります。

そのため、これは完全な機能というよりは、作業のベースになるものかもしれません…試してみて、どのように機能するか見てみてください :slight_smile:

編集:
これらの入力は、カテゴリページではデフォルトで表示されると聞きました。

そのため、現在のCSSコードは、カテゴリページでのこれらのフィールドのレイアウトを少し台無しにする可能性があり、さらに調整が必要です。 :slight_smile:

「いいね!」 4

こちらをご覧ください。

「いいね!」 2

実はCSSの使い方が全く分かりません。そもそも、私はコンピューターサイエンスの分野とは全く関係ありません。

オン・オフできるオプションがあれば、それくらいならできます。

残念ながら、現在これに対するUIスイッチはありません。このカスタム動作を実現するには、小さなテーマコンポーネントと、それにいくつかの追加コードを作成する必要があります。

「いいね!」 1

教えていただけますか?

「いいね!」 2